https://github.com/andreluialves/starwars-planets-search
Aplicação React JS que lista os planetas do universo de StarWars.
https://github.com/andreluialves/starwars-planets-search
bootstrap css css3 html html5 javascript react reactjs
Last synced: about 2 months ago
JSON representation
Aplicação React JS que lista os planetas do universo de StarWars.
- Host: GitHub
- URL: https://github.com/andreluialves/starwars-planets-search
- Owner: andreluialves
- Created: 2022-06-21T22:21:26.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-10T22:45:32.000Z (over 3 years ago)
- Last Synced: 2025-02-24T23:27:13.552Z (over 1 year ago)
- Topics: bootstrap, css, css3, html, html5, javascript, react, reactjs
- Language: JavaScript
- Homepage: https://andreluialves.github.io/starwars-planets-search
- Size: 1.08 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# StarWars Planets Search
## Sobre
Projeto desenvolvido durante o módulo de Front-end do curso de desenvolvimento web da Trybe.
O objetivo foi desenvolver uma aplicação React que lista os planetas do universo de StarWars, fazendo uma busca em uma API pública. Também tivemos que usar a React Context API para gerenciamento de estado e usar Hooks.
### *Status do projeto*
Este projeto ainda está em desenvolvimento, estou implementando o CSS.
### *Link do deploy*
Você pode [**clicar aqui**](https://andreluialves.github.io/starwars-planets-search) para verificar o estado atual da aplicação.
## Habilidades desenvolvidas
* Desenvolvimento de um aplicativo React JS
* Buscar dados de uma API pública
* Uso do React Context API para gerenciamento de estado
* Utilização de React Hooks (useState, useContext e useEffect)
## Tecnologias utilizadas
* HTML5
* CSS3
* JavaScript ES6+
* React JS
* React Context API
## Executando a aplicação
### 1. Clone o repositório
```
git clone git@github.com:andreluialves/starwars-planets-search.git
```
* Entre na pasta do repositório que você acabou de clonar:
```
cd starwars-planets-search
```
### 2. Instale as dependências:
```
npm install
```
### 3. Executar o comando para abrir a visualização no navegador
```
npm start
```
* Visualização através da url:
```
http://localhost:3000/starwars-planets-search
```