👨💻 O que foi desenvolvido ?
Neste projeto foi desenvolvido 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;
📝 Habilidades Trabalhadas no Projeto:
-
Utilizar JSX no React;
-
Utilizar corretamente o método
render(); -
Criar componentes de classe em React;
-
Criar múltiplos componentes a partir de um array;
-
Fazer uso de
propscorretamente; -
Fazer uso de
PropTypespara validar asprops de um componente.
Algumas informações importantes para a visualização do projeto:
- Clone o repositório
git clone git@github.com:tryber/sd-028-b-project-shopping-cart.git.- Entre na pasta do repositório que você acabou de clonar:
cd sd-028-b-project-shopping-cart
- Instale as dependências e inicialize o projeto
- Instale as dependências:
npm install
- Para a visualização do Código:
digite no terminal "npm start"
🕵🏿 Revisando um pull request
Caso queira deixar um Code Review eu vou adorar, fique a vontade!
🎛 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!
🏪 Desenvolvimento
Foi criado uma aplicação em React com criação de componentes de classe e passagem de props. Essa aplicação simula uma visualização do Sistema Solar, bem como informações sobre diversas missões espacias que ocorreram ao longo da história.
👨💻 What was developed?
In this project, a model of the solar system was developed! By using this application, a user will be able to:
-
View all the planets of the solar system rendered on the screen;
-
View all the cards with information about space missions;
📝 Skills developed in the project:
-
Use JSX in React;
-
Properly use the
render()method; -
Create class components in React;
-
Create multiple components from an array;
-
Make correct use of
props; -
Make use of
PropTypesto validate thepropsof a component.
Some important information for project visualization:
- Clone the repository:
-
git clone git@github.com:tryber/sd-028-b-project-shopping-cart.git. -
Access the repository folder you just cloned:
cd sd-028-b-project-shopping-cart
- Install dependencies and initialize the project:
- Install dependencies:
npm install
- To visualize the code:
Type in the terminal: "npm start"
🕵🏿 Reviewing a pull request
If you want to do a Code Review, I'll be happy, feel free to do it!
🎛 Linter
To ensure the code quality, this project uses the linters ESLint and Stylelint. This way, the code will be aligned with good development practices, being more readable and easy to maintain!
🏪 Development
A React application was created with the creation of class components and passing of props. This application simulates a visualization of the Solar System, as well as information about various space missions that have occurred throughout history.