Skip to content

samarthags/Github-Wrapped

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

37 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ GitHub Wrapped

Node.js
JavaScript
GitHub

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.


๐ŸŒŸ Features

  • โญ 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

๐Ÿ› ๏ธ Tech Stack

  • Backend: Node.js, Express.js
  • API: GitHub REST API
  • Frontend: HTML, CSS, JavaScript, Chart.js (for graphs)
  • Responsive Design: CSS Grid & Flexbox

๐Ÿ“ฆ Installation & Setup

  1. Clone the repository
    git clone https://github.com/samarthags/GitHub-Wrapped.git
    cd GitHub-Wrapped
    
  2. Install dependencies

npm install

  1. Configure GitHub API Token

Create a GitHub Personal Access Token here

Add it to .env file:

GITHUB_TOKEN=your_personal_access_token

  1. Start the server

npm start

By default, the server runs at ๐Ÿ‘‰ http://localhost:3000.

  1. Open in browser

http://localhost:3000


๐ŸŒ 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!

  1. Fork this repo

  2. Create a new branch (git checkout -b feature-new)

  3. Commit your changes (git commit -m "Added new feature")

  4. Push to your branch (git push origin feature-new)

  5. Open a Pull Request


๐Ÿ‘จโ€๐Ÿ’ป Author

Made with โค๏ธ by Samarthags


https://samarthags.in

About

Visualize your GitHub stats: total stars, code lines, favorite languages, and contributions in one dashboard

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors