https://github.com/rodrigorvsn/githubapi
https://github.com/rodrigorvsn/githubapi
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rodrigorvsn/githubapi
- Owner: RodrigoRVSN
- Created: 2021-05-28T21:07:48.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-06-05T22:49:11.000Z (about 5 years ago)
- Last Synced: 2025-09-20T13:49:49.426Z (9 months ago)
- Language: JavaScript
- Homepage: https://api-github-rodrigorvsn.vercel.app/
- Size: 5.48 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Site que utiliza a API do github
##### Realizado para fazer um gerenciamento de usuário, que apresenta seus repositórios, seguidores e pessoas que segue, em que há a opção de trocar o usuário selecionado para ver seus respectivos dados públicos como usuário principal.
##### Os dados são salvos com o uso de contexto e no localStorage, para caso o usuário recarregue a página, o perfil ainda esteja presente. O localstorage também foi utilizado para salvar um usuário selecionado, que substitui o principal no caso de confirmação.
#### Site disponível em: https://api-github-rodrigorvsn.vercel.app/
_________________________________________________________________________________________________________________________________________________________
# 🛠 Technologies (Tecnologias)
- React Framework (JS)
- Styled Components
- Context API do Github
- Local storage
_________________________________________________________________________________________________________________________________________________________
# O que aprendi 😎
- Context API para gerenciamento da API em várias abas
- Context para gerenciamento das rotas do footer
- Uso da API do Github
- UseEffect ao renderizar o component para carregar a api
- Uso de estilo global para dar um "reset" na folha de estilos padrão
- Uso de rotas privadas
- Autenticação de usuário através da API
___________________________________________________________________________________________________________________________________________________________________
# Imagens
________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________
## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.
### `yarn test`
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `yarn build`