Esta é uma aplicação web que permite aos usuários de diferentes culturas buscar fatos interessantes sobre Chuck Norris utilizando a Chuck Norris Facts API. A aplicação consiste em um frontend desenvolvido em ReactJS com TypeScript e Tailwind CSS, que se conecta a um servidor Node.js atuando como gateway GraphQL para acessar os dados da API.
- Buscar Fatos Aleatórios: Os usuários podem clicar em um botão para obter um novo fato aleatório sobre Chuck Norris.
- Exibição de Imagem: Além do fato, a aplicação também exibe a imagem associada ao fato, quando disponível na API.
- ReactJS
- TypeScript
- Tailwind CSS
- Node.js
- Express
- GraphQL
- Axios
- Acessibilidade: A aplicação foi desenvolvida com preocupações de acessibilidade em mente, utilizando práticas recomendadas.
- Performance: Otimização para garantir boa performance, especialmente no carregamento de dados e renderização.
- Responsividade: Layout responsivo que se adapta a diferentes tamanhos de tela.
- Qualidade de Código: Uso de boas práticas de desenvolvimento, incluindo componentes reutilizáveis, estruturação limpa de código e padrões de design.
- Node.js e npm instalados localmente
- Git para clonar o repositório
- Utilize npm run dev no diretório do frontend
- Utiliza node index.js no diretório do backend