Skip to content

Latest commit

 

History

History
31 lines (25 loc) · 2.42 KB

README.md

File metadata and controls

31 lines (25 loc) · 2.42 KB

🌱Match Tech

Este repositório contém a implementação do Match Tech, uma aplicação interativa que utiliza tecnologias modernas para fornecer informações úteis com uma interface amigável e responsiva. O projeto foi desenvolvido com React, TypeScript, e outras bibliotecas para proporcionar uma experiência dinâmica.

📋 Descrição

Match Tech é uma aplicação web que permite aos usuários obter informações úteis com base em um sistema de geolocalização e outros recursos. O projeto foi desenvolvido para praticar conceitos de React, manipulação de APIs externas, animações com Framer Motion, e tipagem estática com TypeScript.

🚀 Funcionalidades

  • Geolocalização: Utilize a localização atual do usuário para obter dados relevantes.
  • Integração com a API AwesomeAPI-CEP: Consultas de CEP para obter dados de localização em tempo real.
  • Mapas interativos: Utilização do Leaflet.js para mostrar mapas interativos baseados nas informações recebidas da API.
  • Animações suaves: Animações e transições aplicadas nas interações com Framer Motion.
  • Interface Responsiva: A interface se adapta a diferentes tamanhos de tela para uma experiência otimizada em dispositivos móveis e desktop.

🛠️ Tecnologias

As seguintes tecnologias foram utilizadas no desenvolvimento deste projeto:

  • React: Biblioteca JavaScript para construção da interface de usuário.
  • TypeScript: Superset de JavaScript que adiciona tipagem estática ao código.
  • Framer Motion: Biblioteca para animações e transições fluidas.
  • Leaflet.js: Biblioteca de código aberto para mapas interativos.
  • AwesomeAPI-CEP: API para consulta de CEPs e obtenção de dados geográficos.
  • Vite: Ferramenta de build ultrarrápida para projetos React, que melhora o tempo de desenvolvimento e desempenho.
  • CSS: Estilização da interface, incluindo responsividade.
  • JSON: Utilizado para armazenamento e manipulação de dados.

💡Próximos Passos

  • Adicionar uma função de busca de locais: Permitir que o usuário pesquise por cidades ou endereços para obter informações.
  • Modo escuro: Implementar um tema escuro para melhorar a experiência do usuário durante a noite.
  • Incluir a acessibilidade: Garantir que o aplicativo seja totalmente acessível, incluindo navegação por teclado e compatibilidade com leitores de tela.
  • Implementar a gamificação: Os usuários irão ganhar "frutos" como motivação.