Creating a responsive interface of a GitHub profile that follows good UX principles, using React Typescript, Material UI and the official GitHub API to fetch repositories per user.
This interface allows the user to filter through the repositories by name, consult the GitHub profile and open a repository.
You can check the deployed application here.
- Adding a pagination for repositories
- Improving the design
- Adding a filter for GitHub profiles by username
- Using the v4 API
- Node.js version 14.20.0 or above
$ git clone https://github.com/chaimabg/GitHub-Repositories.git
$ cd GitHub-Repositories
$ npm install
Before running the project you need to create a .env
file in the project directory that contains this environment variables:
REACT_APP_GITHUB_TOKEN='your github token'
REACT_APP_GITHUB_USERNAME='any github username'
In the project directory, you can run:
Runs the app in the development mode.
Open 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.