Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/giovannyfialho/github-users-list
An application to find GitHub users
https://github.com/giovannyfialho/github-users-list
graphql graphql-codegen i18next-react next-auth nextjs tailwindcss
Last synced: 2 days ago
JSON representation
An application to find GitHub users
- Host: GitHub
- URL: https://github.com/giovannyfialho/github-users-list
- Owner: GiovannyFialho
- Created: 2024-10-09T00:43:55.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-27T19:09:56.000Z (about 2 months ago)
- Last Synced: 2024-10-27T23:37:17.748Z (about 2 months ago)
- Topics: graphql, graphql-codegen, i18next-react, next-auth, nextjs, tailwindcss
- Language: TypeScript
- Homepage: https://github-users-list-nine.vercel.app/sign-in
- Size: 1.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GitHub User List
## Initialize
```
npm run initialize
```
## Dev environment
```
npm run dev
```
### References for color palettes
- Palette Generator: [Realtime Colors](https://www.realtimecolors.com/)
### GitHub API
You'll need a token from GitHub and add it to the `.env` variable `NEXT_PUBLIC_GITHUB_TOKEN`. To generate this token, access: https://github.com:
```
Settings > Developer Settings > Personal acess tokens > tokens (classic)
```
After that, click on the "Generate new token" button and choose the "Generate new token (classic)" option. And select all permissions that you need.
### Libraries
#### Authentication
- [NextAuth](https://next-auth.js.org/)
#### Internationalization
- [React i18next](https://react.i18next.com/)
#### Requests
> GraphQL was used to search for users in the GitHub API.
- [Apollo Client](https://www.apollographql.com/)
- [GraphQL Codegen](https://the-guild.dev/graphql/codegen) (For generating types for Queries, Mutations, and Fragments)
#### Tests (E2E and Components)
- [Cypress](https://www.cypress.io/)
#### Context
> For the theme management functionality, I used createContext from React.
- [Zustand](https://zustand-demo.pmnd.rs/)