Descrição

Este projeto foi desenvolvido durante o período de Curso da Trybe 🚀

O projeto tem por objetivo a avaliação e prática dos conhecimentos adquiridos na Trybe, visando o cumprimento do requisitos solicitados pela mesma.

ATENÇÃO: Para utilizar a aplicação acesse o link no canto direito em "About".

---

Sumário

• Habilidades
• O que foi desenvolvido
• Tecnologias usadas
• Antes de inicializar a aplicação
• Linter
• Demonstração do Projeto

---

Habilidades requeridas

• 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 a partir de um array.

• Fazer uso de props corretamente.

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

---

O que foi desenvolvido

Foi implementado uma página web de um modelo do sistema solar! Ao utilizar essa aplicação uma pessoa usuária será capaz de:

• Visualizar todos os planetas do sistema solar renderizados na tela;

• Visualizar todas as cartas com informações sobre missões espaciais;

---

Tecnologias usadas

• javascript, jsx, React e css.

---

ANTES DE INICIALIZAR A APLICAÇÃO:

1. Clone o repositório

• git clone git@github.com:THIAGOMARTINS367/Trybe-project-solar-system.git
• Entre na pasta do repositório na sua máquina:
  • Trybe-project-solar-system

2. Instale as dependências

   • npm install

3. Inicialize o projeto

   • Utilize o comando npm start dentro da pasta Trybe-project-solar-system para rodar o projeto em sua máquina.

---

Linter

Para garantir a qualidade do código, foi utilizado neste projeto os linters ESLint e StyleLint. Assim o código estará alinhado com as boas práticas de desenvolvimento, sendo mais legível e de fácil manutenção! Para rodá-los localmente no projeto, execute os comandos abaixo:

npm run lint
npm run lint:styles

Quando é executado o comando npm run lint:styles, ele irá avaliar se os arquivos com a extensão CSS estão com o padrão correto.

Quando é executado o comando npm run lint, ele irá avaliar se os arquivos com a extensão JS e JSX estão com o padrão correto.

---

Desmontração de Uso

Em produção...