Skip to content

vitoorfraga/veri-temp

Repository files navigation

VeriTemp ☀️

A VeriTemp é a sua ferramenta simples e intuitiva para verificar condições climáticas. Com uma interface amigável e integração de várias APIs, proporciona informações confiáveis e abrangentes. Planeje suas atividades com facilidade, mantendo-se atualizado sobre o clima de forma eficiente.

Tecnologias 🚀

  • React: Uma biblioteca JavaScript popular para construir interfaces de usuário interativas.

  • ESlint: Uma ferramenta de linting para identificar e corrigir problemas no código JavaScript, mantendo consistência e boas práticas de codificação

  • Date-fns: Uma biblioteca JavaScript para manipulação de datas, oferecendo funções simples e eficientes para realizar operações com datas no navegador e em ambientes Node.js

  • React Router Dom: Uma biblioteca que possibilita a navegação de páginas em aplicações React, gerenciando a atualização de componentes com base na URL

  • Axios: Uma biblioteca popular para fazer requisições HTTP em aplicações JavaScript, que simplifica o processo de lidar com APIs e oferece funcionalidades como interceptores e cancelamento de requisições

  • Tanstack/React Query: Uma biblioteca para gerenciamento de estado e cache em aplicações React, especialmente focada em facilitar o trabalho com dados remotos e APIs

  • Tailwind CSS: Um framework CSS que utiliza classes utilitárias para estilizar elementos, permitindo um desenvolvimento mais rápido e consistente.

  • TailwindMerge: Um utilitário para Tailwind CSS que simplifica a criação de variações e personalizações em componentes utilizando a abordagem de classes utilitárias do Tailwind.

  • Radix UI: Uma biblioteca que fornece uma coleção de componentes primitivos e acessíveis, facilitando a construção de interfaces flexíveis e customizáveis.

Funcionalidades 📦

  • Busca: É possível localizar qualquer localidade global através do campo de busca, tornando a pesquisa por informações climáticas rápida e direta.

  • Selecionar API: Com apenas alguns cliques, os usuários podem acessar e visualizar dados provenientes de várias fontes API, proporcionando uma experiência de exploração de informações meteorológicas de maneira fácil e intuitiva. A interface garante uma navegação fluida, colocando o controle total das condições climáticas nas mãos do usuário.

  • Histórico: É possível visualizar todas as pesquisas climáticas realizadas, facilitando o acompanhamento meteorológicas ao longo do tempo.

APIs

Variaveis de ambiente 🕵🏻‍♂️

Para executar este projeto, você precisará adicionar as seguintes variáveis de ambiente ao seu arquivo .env.

VITE_OPEN_WEATHER_API_KEY

Executar o projeto 🏆

  1. Realize o clone do repositório
git clone https://github.com/vitoorfraga/veri-temp.git
  1. Instalar dependências do projeto
npm install
  1. Iniciar o servidor
npm run dev

O projeto padrão é executado em: http://localhost:5173/

Interface

Confira a interface através da Vercel: VeriTemp - Vercel Deploy

Confira a interface através do Figma: VeriTemp - Figma UI

Support ❓

Para suporte, envie um email para vitorfragaps@gmail.com ou através do discord vitoorfrag.

Releases

No releases published

Packages

No packages published

Languages