https://github.com/johntvale/project-iss-tracker
O ISS Tracker é um site responsivo, desenvolvido em React. Seu objetivo é localizar a ISS (Estação Espacial Internacional) em tempo real e exibi-la em um mapa, e algumas outras funcionalidades.
https://github.com/johntvale/project-iss-tracker
css javascript react react-functional-components react-functions reactjs
Last synced: about 1 month ago
JSON representation
O ISS Tracker é um site responsivo, desenvolvido em React. Seu objetivo é localizar a ISS (Estação Espacial Internacional) em tempo real e exibi-la em um mapa, e algumas outras funcionalidades.
- Host: GitHub
- URL: https://github.com/johntvale/project-iss-tracker
- Owner: johntvale
- Created: 2022-04-28T01:18:04.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2024-09-11T01:18:30.000Z (almost 2 years ago)
- Last Synced: 2025-05-28T09:11:32.704Z (about 1 year ago)
- Topics: css, javascript, react, react-functional-components, react-functions, reactjs
- Language: JavaScript
- Homepage: https://johntvale.github.io/project-iss-tracker/
- Size: 116 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projeto ISS Tracker
O ISS Tracker é um site desenvolvido para rastrear a ISS (International Space Station) em tempo real e algumas outras funcionalidades, tais como:
- Localizar a Estação Espacial em tempo real e exibi-la em um mapa.
- Exibir uma lista com a tripulação atual a bordo.
- Trazer algumas curiosidades sobre a Estação Espacial.
O objetivo do seu desenvolvimento foi praticar as habilidades de Front-end e Design Responsivo utilizando React, CSS e Media Queries.
Você pode acessá-lo clicando aqui. :artificial_satellite: :rocket: :smile:
---
### Habilidades desenvolvidas
- Criação e manipulação componentes funcionais (React Functions)
- Criação e manipulação componentes genéricos
- Utilização de React Hooks
- Especificação de PropTypes
- Mapeamento de Componentes
- Consumo de API's utilizando Fetch
- Gerenciamento de dados com Context API
- Utilização de links internos e externos
- Utilização de Media Queries para criar responsividade
- Detecção de rolagem e redimensionamento
---
### Tecnologias utilizadas
- React
- Context Api
- CSS
- NPM
- Eslint
---
### Instalação e Execução
- Abra o terminal dentro do diretório onde deseja armazenar o projeto e execute o comando abaixo:
```
git clone git@github.com:johntvale/project-iss-tracker.git
```
- Entre no diretório project-iss-tracker
```
cd project-iss-tracker/
```
- Instale as dependências do projeto
```
npm install
```
- Após a conclusão da instalação, execute o projeto com o comando abaixo:
```
npm start
```
### Referências
- Vídeo do Background foi retirado do canal no YouTube: David Peterson
- Projeto inspirado no site oficial da NASA e nas aulas do mestre Ícaro Harry