/weather-wiz

☔ Web app de clima usando a sua geolocalização, com informações precisas e em tempo real (atualização automática). Adapta o fundo do site conforme o período do dia. ☁

Primary LanguageTypeScript

WeatherWiz 🌦

☔ Criei este app pois precisei ter de fácil acesso importantes informações meteorológicas locais do momento atual usando Geolocalização em uma interface limpa e direta, funcionando em vários dispositivos. Ajudei familiares e trabalhadores locais com este projeto. Esse projeto consome uma API REST com ReactJS, a Open Weather API.

Aprendizados 📚

  1. Consumir APIs externas com ReactJS/JavaScript
  2. Capturar a localização do usuário e exibir o clima baseado na localidade
  3. Utilizar hooks em ReactJS
  4. Usar variáveis de ambiente

Funcionalidades ⚡

  • Saber informações em tempo real sobre as condições climáticas do seu local atual.
  • Boas-vindas e papel de fundo dinâmicos. Mudam conforme a hora do dia.
  • Aplicativo leve e rápido.
  • Apoiar o criador do site.

Stack utilizada ⚙

  • ReactJS - JS library
  • Semantic HTML5, and CSS
  • JavaScript/TypeScript
  • SCSS/Sass
  • Phorsphor React Icons
  • Vite
  • Axios
  • Date-fns - Toolset for manipulating JavaScript dates in a browser & Node.js

Ir ao topo 🔝