Os usuários devem conseguir:
- Ver o layout otimizado para Mobile (480px) e Desktop (1440px)
- Ver o seu próprio endereço IP quando a página carregar
- Search for any IP addresses or domains and see the key information and location
- Buscar qualquer endereço IP e ver as informações e localização no mapa
- Deploy: IP Tracker
- React
- Typescript
- Context API
- TailwindCSS
- CSS
- React Leaflet
- Geolocation API
- Mobile-first
Nesse projeto pude aprender a utilizar a context API do React, e também a utilizar a biblioteca react leaflet para criar um mapa dinâmico.
-
React-leaflet - A documentação conseguiu explicar muito bem como utilizar a biblioteca.
-
Alura - Context API e TypeScript: como utilizar o superpoder desta dupla - Esse artigo me ensinou a utilizar a context API juntamente com o typescript. Criando um contexto onde pude colocar as funções nele e usar um custom Hook para acessá-las em qualquer lugar da aplicação.