react-github-repo-cards
react-github-repo-cards copied to clipboard
User can show the GitHub repository cards in their react wesite. Card component is created using Material-UI
React Github Repo Cards
This application aims to show the Github repositories of the user in his/her react website.
🛠️ Built with
- React JS - Front-End JavaScript library
- Material UI - React UI Framework
Installation
To setup the app for development on your local machine, please follow the instructions below:
-
Clone the repo to your machine
git clone https://github.com/sabesansathananthan/react-github-repo-cards.git cd react-github-repo-cards
-
Install packages
If you use
npm
npm install
or
If you use
yarn
yarn
-
Change username
Open GitHub.js in the api folder. Use your github user name👤 instead of sabesansathananthan.
const USER_NAME = 'sabesansathananthan';
-
Add Token
Create a new .env file in your root folder. Add your github personal access tokens in
.env
REACT_APP_API_KEY = YOUR_PERSONAL_ACCESS_TOKEN
-
Run the development server
If you use
npm
npm start
or
If you use
yarn
yarn start
-
Visit http://localhost:3000
Live Demo
Don't forget to give a star :star: for this repo :slightly_smiling_face:
Related Article
Embed your GitHub project on your React website - Sabesan Sathananthan
📄 License
This project is licensed under the MIT License - see the LICENSE file for details