Elaborar um Frontend em React que consuma a "Web browsable API SpaceX Consumer" e seja capaz de apresentar as seguintes informações:
- Próximo Lançamento
- Último Lançamento
- Próximos Lançamentos
- Lançamentos Passados
Experimente o app no link abaixo.
https://frontend-spacex-consumer.herokuapp.com/
- ⚡ NodeJS — O Node.js® é um mecanismo para execução JavaScript independente usando JavaScript V8 do Chrome.
- 💾 React — Uma biblioteca JavaScript para criar interfaces de usuário.
- Faça um clone desse repositório;
- Entre na pasta
cd FrontendSpaceXConsumer
; - Rode
npm install
para instalar dependencias; - Rode
npm start
para subir o projeto;
O projeto em React chamado FrontendSpaceXConsumer é a pasta raiz do projeto:
Pasta => FrontendSpaceXConsumer
Pasta => src
Pasta => public
Na pasta src, temos os componentes dividido em home e template:
Pasta => FrontendSpaceXConsumer => src
Pasta => home
(Regras para consumir a "ApiSpaceXConsumer")Pasta => template
(Estrutura visual do projeto junto com os estilos)
Na pasta main
encontramos os arquivos de rotas do projeto junto com App.jsx que é o arquivo raiz:
Pasta => main
App.jsx
Routes.jsx
...