lucinyan / pixel-profile Goto Github PK
View Code? Open in Web Editor NEWGenerate a pixel art style profile card from your GitHub data! ✨
Home Page: https://pixel-profile.vercel.app
License: MIT License
Generate a pixel art style profile card from your GitHub data! ✨
Home Page: https://pixel-profile.vercel.app
License: MIT License
The shown total commits number is not for the current year as displayed in the card.
The expected number for my profile is 1.3k.
I skimmed through the code, I've noticed you're using the GraphQL API.
I don't know if that would help but the api provides a from
variable which could be passed to the contributionCollection
contributionsCollection(from: "2024-01-01T00:00:00Z") {
totalCommitContributions
startedAt
}
when passing the start of the year it would return the expected number of contributions
"contributionsCollection": {
"totalCommitContributions": 1337,
"startedAt": "2024-01-01T00:00:00Z"
},
Cool project – really love the approach!
It looks like the PAT_1
env var is required in order to run the api locally or on vercel. Otherwise, you'll get a blank image resulting from a "No GitHub API tokens found" error. Prolly would be a good idea to support a cleaner env var name like GITHUB_API_TOKEN
or something.
I had to generate a new github personal auth token w/ read user scope in order to get it to work.
Maybe consider using dotenv-safe with a .env.example
file to throw an error right away if missing env vars instead of throwing a 500 at the api level?
Cheers && thanks 🙏
Here's my profile from my deployed version:
My Link:https://pixel-profile.vercel.app/api/github-stats?username=Gloridust
The effect of avatar synthesis is not very good, hope to fix it🤓
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.