Projeto do Bloco 10 - Introdução ao React do curso de Desenvolvimento Web da Trybe.
Primeira aplicação usando React, uma página para listar todos os planetas do Sistema Solar e algumas missões espaciais conhecidas.
Quantidade de requisitos: 10
Requisitos feitos: 10
URL do projeto: https://sheilans.github.io/project-solar-system/
- Utilizar JSX no React
- Utilizar corretamente o método render() para renderizar seus componentes
- Utilizar import para trazer componentes em diferentes arquivos
- Criar componentes de classe em React
- Criar múltiplos componentes de classe em React
- Fazer uso de props corretamente
- Fazer uso de PropTypes para validar as props de um componente
HTML
CSS
ReactPara rodar esse projeto no seu computador, abra o terminal e siga o passo-a-passo a seguir:
- Clone o repositório
git clone git@github.com:SheilaNS/project-solar-system.git - Entre na pasta do repositório que você acabou de clonar
cd project-solar-system - Instale as dependências
npm install - Inicialize o projeto
npm start - O navegador vai abrir uma nova aba com a página do projeto
├── build --> arquivos de build
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
├── src
│ ├── components
│ │ ├── Header.js
│ │ ├── MissionCard.js
│ │ ├── Missions.js
│ │ ├── PlanetCard.js
│ │ ├── SolarSystem.js
│ │ ├── Title.js
│ │ └── index.js
│ ├── data
│ │ ├── missions.js
│ │ └── planets.js
│ ├── images
│ │ ├── Jupiter.png
│ │ ├── Marte.png
│ │ ├── Mercurio.png
│ │ ├── Netuno.png
│ │ ├── Saturno.png
│ │ ├── Terra.png
│ │ ├── Urano.png
│ │ ├── Venus.png
│ │ └── background.png
│ ├── App.css
│ ├── App.js
│ ├── index.js
│ └── setupTests.js
├── .env
├── .eslintignore
├── .eslintrc.json
├── .gitignore
├── .npmrc
├── .stylelintignore
├── .stylelintrc.json
├── README.md
├── package-lock.json
└── package.json
