https://github.com/evoluteur/github-projects-cards

Web page to fetch and display GitHub projects as cards (w/ links to code, demo, and star history).
https://github.com/evoluteur/github-projects-cards

cards cardview github github-profile github-profile-card github-projects open-source-contributions portfolio portfolio-website profile profile-card stars

Last synced: 2 months ago
JSON representation

Web page to fetch and display GitHub projects as cards (w/ links to code, demo, and star history).

• Host: GitHub
• URL: https://github.com/evoluteur/github-projects-cards
• Owner: evoluteur
• License: mit
• Created: 2024-03-07T10:14:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-09T02:14:21.000Z (5 months ago)
• Last Synced: 2025-03-23T21:11:38.829Z (3 months ago)
• Topics: cards, cardview, github, github-profile, github-profile-card, github-projects, open-source-contributions, portfolio, portfolio-website, profile, profile-card, stars
• Language: JavaScript
• Homepage: https://evoluteur.github.io/github-projects-cards/
• Size: 174 KB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# GitHub-Projects-Cards

This project is a simple web page to fetch and display GitHub projects as cards.

Check out the [live demo](https://evoluteur.github.io/github-projects-cards) and the [raw data](https://api.github.com/users/evoluteur/repos) from [GitHub API](https://docs.github.com/en/rest).

![Screenshot](github-projects-cards.png)

The page displays your projects as cards with the total number of stars.

For each project the card shows the project name, stars, forks, descriptions, language, creation date, and last update, as well as links to the GitHub repo, demo, and [star history](https://star-history.com/) charts.

Just change the "user" value (at the top of the [/js/repo.js](https://github.com/evoluteur/github-projects-cards/blob/main/js/repos.js) file) to display your projects instead of mine...

GitHub-Projects-Cards is Open source at [GitHub](https://github.com/evoluteur/github-projects-cards) with MIT license.

For more ways to look at your GitHub projects checkout my other project [Meet-the-Fans](https://github.com/evoluteur/meet-the-fans) ([demo](https://evoluteur.github.io/meet-the-fans/)) to query and visualize the network graph of your GitHub repositories, followers, stargazers, and forks (using [GitHub GraphQL API](https://docs.github.com/en/graphql) and [D3](https://d3js.org/)).

Get the [Cool Code Ninja T-Shirt](https://www.redbubble.com/i/t-shirt/Cool-Code-Ninja-by-evoluteur/163497552.A5PYK).

[![Screenshot](cool-code-ninja.jpg)](https://www.redbubble.com/i/t-shirt/Cool-Code-Ninja-by-evoluteur/163497552.A5PYK)

Copyright (c) 2025 [Olivier Giulieri](https://evoluteur.github.io/).