GitHub Wrapped is a powerful and interactive dashboard that visualizes your GitHub profile like never before.
It uses Node.js and the GitHub API to generate a personalized โwrappedโ summary of your activity, repositories, and coding stats.
- โญ Shows total stars across all repositories
- ๐ Calculates total active days on GitHub
- ๐ป Identifies your favorite programming language
- ๐งฎ Counts total lines of code across your projects
- ๐ Displays repo stats, contributions, and activity charts
- ๐ Fully responsive design for desktop, tablet, and mobile
- โก Fast and interactive real-time API data fetch
- Backend: Node.js, Express.js
- API: GitHub REST API
- Frontend: HTML, CSS, JavaScript, Chart.js (for graphs)
- Responsive Design: CSS Grid & Flexbox
- Clone the repository
git clone https://github.com/samarthags/GitHub-Wrapped.git cd GitHub-Wrapped - Install dependencies
npm install
- Configure GitHub API Token
Create a GitHub Personal Access Token here
Add it to .env file:
GITHUB_TOKEN=your_personal_access_token
- Start the server
npm start
By default, the server runs at ๐ http://localhost:3000.
- Open in browser
๐ Deployment
You can deploy this project easily to any Node.js supported platform:
Heroku
Render
Railway
Vercel (with Node.js backend)
๐ค Contributing
Contributions are welcome!
-
Fork this repo
-
Create a new branch (git checkout -b feature-new)
-
Commit your changes (git commit -m "Added new feature")
-
Push to your branch (git push origin feature-new)
-
Open a Pull Request
๐จโ๐ป Author
Made with โค๏ธ by Samarthags