Projeto Solar System! 🌞

Projeto desenvolvido por mim durante o curso de Desenvolvimento Web na Trybe. Divulgado aqui como portfólio de aprendizado.

Objetivos do projeto:

• Desenvolver um modelo do sistema solar! Ao utilizar essa aplicação, uma pessoa usuária deverá ser capaz de:
  • Visualizar todos os planetas do sistema solar renderizados na tela.
  • Visualizar todas as cartas com informações sobre missões espaciais.
• Verificar se eu era capaz de:
  • Utilizar JSX no React.
  • Renderizar uma lista com os planetas do Sistema Solar.
  • 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 a partir de um array.
  • Fazer uso de props corretamente.
  • Fazer uso de PropTypes para validar as props de um componente.

Requisitos do projeto:

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

Rodando o projeto localmente

Para rodar o projeto em sua máquina, abra seu terminal, crie um diretório no local de sua preferência com o comando mkdir e acesse o diretório criado com o comando cd:

mkdir meu-diretorio &&
cd meu-diretorio

Clone o projeto com o comando git clone:

git clone [email protected]:marcosadrianoti/tb-solar-system.git

Acesse o diretório do projeto com o comando cd:

cd tb-solar-system

Instale as dependencias do projeto com o comando npm install:

npm install

Execute o projeto com os comandos npm start:

npm run start