Teste de Desenvolvimento Frontend: Aplicativo de Piadas do Chuck Norris

Objetivo do Teste

Desenvolver uma aplicação web em React com TypeScript que exiba piadas aleatórias do Chuck Norris. Para desenvolvedores fullstack, conectar com a API criada no teste backend. Para desenvolvedores frontend, coletar e utilizar um array de piadas da API do Chuck Norris, vide: https://api.chucknorris.io/jokes/search?query=ALGUM TERMO DE PREFERENCIA .

Descrição do Teste

1. Para Desenvolvedores Fullstack:

   • Conecte a aplicação com a API que você desenvolveu no teste backend, que acessa piadas em https://api.chucknorris.io/jokes/random. O repositório da API está disponível em: magi-cash-dev/Backend-Desafio.
   • A aplicação deve ter um botão que, ao ser clicado, busca uma nova piada através da sua API e a exibe na tela.
   • Estilize como desejar.

2. Para Desenvolvedores Frontend:

   • Utilize a API do Chuck Norris diretamente, colete um array de piadas e salve em arquivo piadas.json. Use este arquivo para simular uma chamada a API.
   • A aplicação deve ter um botão que, ao ser clicado, exibe uma nova piada aleatória do arquivo JSON na tela.
   • Estilize como desejar.

Requisitos Básicos

1. Funcionalidade: A aplicação deve mostrar uma piada aleatória na tela e permitir que o usuário solicite outra piada clicando em um botão.
2. Tratamento de Erros: Tratativa de erros mínimas

Documentação

• Instruções simples sobre como configurar e executar o projeto, incluindo a instalação de dependências necessárias.

Entrega

• Submeta o código através de uma Pull Request neste repositório de frontend.

Nota para o Candidato

• Este teste visa avaliar habilidades básicas de desenvolvimento web e, para fullstack, a integração entre as camadas de frontend e backend.

Como executar

• Instalar dependencias

npm install

• Desenvolvimento

npm run dev

• Build

npm run build