Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tupizz/github-react-user-repository
Listagem de repositórios por usuário utilizando react
https://github.com/tupizz/github-react-user-repository
react styled-components
Last synced: 6 days ago
JSON representation
Listagem de repositórios por usuário utilizando react
- Host: GitHub
- URL: https://github.com/tupizz/github-react-user-repository
- Owner: tupizz
- Created: 2020-04-05T06:37:48.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T18:34:59.000Z (about 2 years ago)
- Last Synced: 2025-01-02T00:35:39.605Z (about 1 month ago)
- Topics: react, styled-components
- Language: JavaScript
- Homepage:
- Size: 13.5 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Busca por usuário e listagem de repositórios do Github
Esse projeto tem como o objetivo sanar os seguintes requisitos:
- Eu, como usuário, desejo buscar por um usuário do GitHub;
- Eu, como usuário, desejo ver os detalhes desse usuário que foi buscado (número de seguidores, número de seguidos, imagem do avatar, e-mail e bio);
- Eu, como usuário, desejo ver a listagem dos repositórios desse usuário que foi buscado, ordenados pelo número decrescente de estrelas;## Detalhes técnicos
O projeto foi desenvolvido utilizando-se de React, Styled components, Axios, React hooks, Helmet e webfontloader. As tecnologias foram selecionadas devida maior familiaridade do desenvolvedor com elas e além disso também pela tecnologia do projeto da stone ser React.
Algumas melhorias poderiam ser feitas ainda sobre esse projeto, e essas estarão listadas aqui:
- [ ] Cachear por algum período as chamadas às apis do Github por usuário, devido ao Rate Limit que as apis do github fornecem.
- [ ] Caso houvessem componentes com bastante regras de negócio e interações seria bem interessante a aplicação de testes unitários.
- [ ] Criar testes E2E da aplicação, e integrar esse step no processo de deploy a cada vez que houver um commit na esteira do netlify.
- [ ] Utilizar padrões de commit como commitizen afim de padronizar as mensagens de commit---
## About project
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.
You will also see any lint errors in the console.### `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`
Builds the app for production to the `build` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.The build is minified and the filenames include the hashes.
Your app is ready to be deployed!See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.