solar-system

SOLAR SYSTEM 🪐

project-mainpage

https://solar-system-two-zeta.vercel.app/

English 🇬🇧

Click to expand!

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.
react-logo css-logo
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
  1. Access the directory using the cd command and clone the repository:
  cd saraivais-projects
  git clone git@github.com:saraivais/solar-system.git
  1. Access the project directory and install it’s dependencies:
  cd solar-system
  npm i
  1. 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 🇧🇷

Clique para expandir!

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.
react-logo css-logo
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
  1. 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
  1. Acesse o diretório do projeto e instale suas dependências:
  cd solar-system
  npm i
  1. 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!

Visit original content creator repository https://github.com/saraivais/solar-system

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *