solar-system

English 🇬🇧

Description

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.

Technologies and Tools

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.

Installation

1. Create a directory using the mkdir command:

  mkdir saraivais-projects

2. Access the directory using the cd command and clone the repository:

  cd saraivais-projects
  git clone git@github.com:saraivais/solar-system.git

3. Access the project directory and install it's dependencies:

  cd solar-system
  npm i

4. 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!

Português 🇧🇷

Descrição

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.

Tecnologias e Ferramentas

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.

Instalação

1. Crie um diretório usando o comando mkdir:

  mkdir saraivais-projetos

2. 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

3. Acesse o diretório do projeto e instale suas dependências:

  cd solar-system
  npm i

4. 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!