lebarrichello / solar-system-lebarrichello

Projeto de aprendizagem desenvolvido no módulo de Front-End do curso de desenvolvimento web da Trybe

PROJETO SOLAR SYSTEM

Projeto desenvolvido no módulo de Front-End do curso de desenvolvimento web da Trybe

Gravacao.de.tela.Projeto.Solar.System.webm

Acesse o projeto em produção clicando aqui

🎯 Objetivo

Desenvolver uma aplicação em React com criação de componentes de classe e passagem de props. Essa aplicação simulará uma visualização do Sistema Solar, bem como informações sobre diversas missões espacias que ocorreram ao longo da história.

📝 Habilidades adquiridas

1. Utilizar JSX no React;

2. Utilizar corretamente o método render() para renderizar seus componentes;

3. Utilizar import para trazer componentes em diferentes arquivos;

4. Criar componentes de classe em React;

5. Criar múltiplos componentes a partir de um array;

6. Fazer uso de props corretamente;

7. Fazer uso de PropTypes para validar as props de um componente.

📌 Tecnologias e linguagens utilizadas no desenvolvimento

✔️ Requisitos do projeto

• Crie um componente chamado Header.
• Crie um componente chamado SolarSystem.
• Crie um componente chamado Title.
• Renderize o componente Title dentro do componente SolarSystem.
• Crie um componente chamado PlanetCard.
• Renderize uma lista com os planetas do Sistema Solar.
• Crie um componente chamado Missions.
• Renderize o componente Title dentro do componente Missions.
• Crie um componente chamado MissionCard.
• Renderize uma lista com as missões espaciais.

🚧 Funcionalidades e melhorias a serem implementadas futuramente:

• Responsividade e melhorias no CSS da pagina

⬇️ Instalando dependências

Frontend

cd src/
npm install

⚡ Executando a aplicação

Para rodar o front-end:

cd src/ && npm start