Este é um projeto de clima que utiliza React com TypeScript e o bundler Vite. Ele faz uma requisição para a API OpenWeatherMap usando a biblioteca Axios e o React Query. Além disso, o Tailwind CSS é usado para estilizar a aplicação.
Design criado do zero, utilizando o figma. O resultado não ficou idêntico por contas de erros no desenvolvimento, mas irei atualizar com melhoras.
- Clone o repositório para sua máquina local usando o comando
git clone https://github.com/bitswa/react-weather
. - Instale as dependências usando o gerenciador de pacotes de sua escolha, como npm ou yarn.
- Crie um arquivo
.env
na raiz do projeto com a seguinte variável de ambienteVITE_API_KEY={sua chave de API OpenWeatherMap}
. - Execute o aplicativo usando o comando
npm run dev
ouyarn dev
.
Este projeto me ensinou novos elementos do TypeScript e a melhor utilizar os tipos. Também aprendi como fazer requisições para uma API externa usando a biblioteca Axios e como gerenciar o estado da aplicação e o cache de dados usando o React Query.
Este é um projeto pessoal, mas fique à vontade para abrir um pull request se quiser contribuir com o projeto ou sugerir melhorias.
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para obter mais informações.