https://github.com/hugovarellaa/ip-address-tracker
Desafio Frontend Mentor
https://github.com/hugovarellaa/ip-address-tracker
leaflet nextjs react-leaflet react-toastify reactjs styled-components
Last synced: 26 days ago
JSON representation
Desafio Frontend Mentor
- Host: GitHub
- URL: https://github.com/hugovarellaa/ip-address-tracker
- Owner: Hugovarellaa
- Created: 2021-08-06T01:16:56.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-27T22:12:28.000Z (about 3 years ago)
- Last Synced: 2025-02-15T15:50:16.053Z (3 months ago)
- Topics: leaflet, nextjs, react-leaflet, react-toastify, reactjs, styled-components
- Language: JavaScript
- Homepage: https://ip-address-tracker-r7pvoz3g2-hugovarellaa.vercel.app/
- Size: 11.6 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IP Address Tracker 💜 Desafio Frontend Mentor
Feito com 💙 por Hugo Alves Varella
### 🔗 Link para o projeto online
[IP Address Tracker](https://ip-address-tracker-r7pvoz3g2-hugovarellaa.vercel.app/)
## 📚 Informações sobre o projeto
- Esse projeto foi desenvolvido sobre um desafio da plataforma [Frontend Me](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0/hub/ip-address-tracker-Hy3zuCaf5)
## 💻 O que tem no projeto?
- Nesse Projeto utilizei uma API de geolocalização IP da IPify.
- Estilizei tudo com styled-components.
- Consumo e uso da API do github.
- Estilizei o mapa com API da mapbox.
- Utilizei react-toastify para avisos de error.
- Interface Responsiva e Dinamica.
## 🛠️ Tecnologias/Ferramentas ultilizadas
- [React-JS](https://pt-br.reactjs.org/E)
- [Next.JS](https://www.typescriptlang.org/)
- [styled-components](https://styled-components.com/)
- [leaflet](https://date-fns.org/)
- [react-leaflet](https://react-leaflet.js.org/)
- [react-toastify](https://www.npmjs.com/package/react-toastify)
## ⚙️ Instalação
```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/ip-address-tracker
```
```
# Acesse a pasta da aplicação
$ cd ip-address-tracker
Crie um arquivo .env.local e coloque as variaveis de ambiente baseado no arquivo .env.example
# Instale as dependências
$ yarn
# Inicie a aplicação
$ yarn dev
```
---