weather_app

Um aplicativo simples de clima construdo em React + Tailwind CSS, que permite aos usurios buscar informaes climticas em tempo real utilizando uma API externa Weatherapi.

O design responsivo e minimalista, nele implemento diversas prticas modernas de desenvolvimento como hooks, funes assncronas e eslint.

Funcionalidades

• Buscar o clima atual por cidade
• A entrada do input pode ser em LowerCase ou UpperCase
• Uso de componentes controlados (controlled components)
• Design responsivo e agradvel com Tailwind CSS
• Manipulao de erros para valores indefinidos
• Exibir informaes climticas como temperatura, descrio do clima e um cone correspondente
• Exibe a cidade, pas e estado

Tecnologias Utilizadas

• React: Biblioteca para construo da interface.
• Tailwind CSS: Framework para estilizao rpida e responsiva.
• API Externa: Integrao com a API weaterapi para obter dados em tempo real.
• Hooks: Uso do useState e useEffect para gerenciar estado e efeitos colaterais.
• Helpers: Preveno de erros quando o aplicativo carrega e porm no tem os dados completos ainda.
• Eslint: Ferramenta para garantir qualidade e padronizao do cdigo.
• Funes Assncronas: Uso de fetch para as requisies API.
• Prop-Types: Permite verificar o tipo dos componentes props antes da aplicao ser executada

Instalao

Voc pode fazer um clone do repositrio e rodar na sua maquina.

//para clonar o repositrio
git clone https://github.com/paulopbi/weather_app.git

//para entrar na pasta
cd weatherapp

//para instalar as dependencias
npm install

//para executar o servidor
npm run dev