saraivais / star-wars-planet-search

This project was developed during the Front-end module at Trybe, using React, React Hooks, Context API and CSS.

Home Page:https://star-wars-planet-search-navy.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

STAR WARS PLANET SEARCH 🪐

project-screenshot

https://star-wars-planet-search-navy.vercel.app/

English 🇬🇧

Click to expand!

Description

Star Wars Planet Search was developed during the Front-end module at Trybe in June, 2022.
This project was my first contact with React using Hooks and Context API as State Management. During it's development, I was able to solidify my knowledge of inheritance inbetween React components to create a Context Provider and React Hooks like useState and useEffect.

Technologies and Tools

This project was developed using React, React Hooks, Context API and CSS. The data used in this project comes from SWAPI.

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/star-wars-planet-search.git
  1. Access the project directory and install it's dependencies:
  cd star-wars-planet-search
  npm i
  1. Lastly, use the npm start command and access the project via browser, using the following url
  http://localhost:3000

Português 🇧🇷

Clique para expandir!

Descrição

O Star Wars Planet Search foi desenvolvido durante o módulo Front-end em Trybe em junho de 2022.
Este projeto foi meu primeiro contato com React usando Hooks e Context API como State Management. Durante seu desenvolvimento, pude solidificar meu conhecimento sobre herança entre componentes React para criar um Context Provider e React Hooks como useState e useEffect.

Tecnologias e Ferramentas

Este projeto foi desenvolvido utilizando React, React Hooks, Context API e CSS. Os dados utilizados no projeto são da SWAPI.

Instalação

  1. Crie um diretório usando o comando mkdir:
  mkdir saraivais-projects
  1. Acesse o diretório usando o comando cd e clone o repositório:
  cd saraivais-projects
  git clone git@github.com:saraivais/star-wars-planet-search.git
  1. Acesse o diretório do projeto e instale suas dependências:
  cd star-wars-planet-search
  npm i
  1. Por fim, use o comando npm start e acesse o projeto via navegador, usando a seguinte url
  http://localhost:3000

About

This project was developed during the Front-end module at Trybe, using React, React Hooks, Context API and CSS.

https://star-wars-planet-search-navy.vercel.app/


Languages

Language:JavaScript 80.7%Language:CSS 12.9%Language:HTML 6.3%Language:Shell 0.1%