https://github.com/benevanio/darksides

Api start wars com react js
https://github.com/benevanio/darksides

api-rest api-restfull api-server api-starwars apim-devops developer-tools frontend nerd react-api react-hooks react-router reactjs star star-wars star-wars-api useeffect-hook usestate wars

Last synced: 4 days ago
JSON representation

Api start wars com react js

• Host: GitHub
• URL: https://github.com/benevanio/darksides
• Owner: Benevanio
• License: gpl-3.0
• Created: 2023-03-12T15:17:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-13T17:38:55.000Z (almost 2 years ago)
• Last Synced: 2024-11-29T22:19:04.240Z (2 months ago)
• Topics: api-rest, api-restfull, api-server, api-starwars, apim-devops, developer-tools, frontend, nerd, react-api, react-hooks, react-router, reactjs, star, star-wars, star-wars-api, useeffect-hook, usestate, wars
• Language: JavaScript
• Homepage: https://darksides.vercel.app
• Size: 218 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# Darksides

***** 

Darksiders:

API DE STAR WARS

People: Dentro desse componente nós temos o usetate para setar as pessoas(personagens) na nossa api, dentro dela temos também o useEffect realizando o fetch(busca) na API de pessoas, após isso nós temos o objeto map, responsável por percorrer todo o array de pessoas.

Planet: Dentro desse componente temos o useState para setar  os planetas do universo de star Wars, assim como o useEffect para fazer o fetch(busca) na lista de planetas presentes na api.

Tecnologias utilizadas:

React JS

Sass

API utilizada nesse projeto:

Hooks utilizados:

UseState= Responsável por pegar o estado da nossa aplicação.

UseEffect = Responsável por realizar a  buscar na nossa API.

*****

## Autores

- [@BeneTesla](https://github.com/benetesla)

## Stack utilizada

**Front-end:**

![Reactjs](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![React-router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)

![csss](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

## License

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

## 🔗 Entre em contato comigo através dos seguintes meios:

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bene-teslav1.vercel.app/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/bene-tesla/)

[![linkedin](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/bene_tesla/)

## Demonstração

![Captura de Tela (82)](https://user-images.githubusercontent.com/78994881/224776162-80b42a48-08b7-4bac-9835-9c2e7feded32.png)

![Captura de Tela (83)](https://user-images.githubusercontent.com/78994881/224776180-3ac0ba3a-eb4c-4c7d-b2c5-e2c8f88a379a.png)