



https://solar-system-two-zeta.vercel.app/
Click to expand!
This project was developed in April 2022, as part of the Front-end module at Trybe. The objective of Solar System was to create a landing page containing all planets and known missions to these planets, using React class components.
Solar System was developed using React and CSS.
In it, I could develop my skills of:
JSX
, a Javascript syntax extension;- The
render()
method; - Imports and exports from different files;
- Utilization of
props
; - Validate props using the
PropTypes
library; - Create components from an array using HOFs.
- Create a directory using the mkdir command:
mkdir saraivais-projects
- Access the directory using the cd command and clone the repository:
cd saraivais-projects
git clone git@github.com:saraivais/solar-system.git
- Access the project directory and install it’s dependencies:
cd solar-system
npm i
- Lastly, use the npm start command and access the project via browser, using the following url
http://localhost:3000
You can find this project here!
Clique para expandir!
Este projeto foi desenvolvido em Abril de 2022, como parte do módulo Front-end da Trybe. O objetivo do Solar System era criar uma landing page contendo todos os planetas e missões conhecidas a estes planetas, usando componentes de classe React.
O Solar System foi desenvolvido usando React e CSS.
Nele, pude desenvolver minhas habilidades de:
JSX
, uma extensão de sintaxe Javascript;- O método
render()
; - Importações e exportações de diferentes arquivos;
- Utilização de
props
; - Validar props usando a biblioteca
PropTypes
; - Criar componentes a partir de um array usando HOFs.
- Crie um diretório usando o comando mkdir:
mkdir saraivais-projetos
- Acesse o diretório usando o comando cd e clone o repositório:
cd saraivais-projetos
git clone git@github.com:saraivais/solar-system.git
- Acesse o diretório do projeto e instale suas dependências:
cd solar-system
npm i
- Por fim, use o comando npm start e acesse o projeto via navegador, usando a seguinte url
http://localhost:3000
Você pode encontrar este projeto aqui!

Leave a Reply