Code Developer Tamagotchi-Style Digital Pet Dragon.

The more you code, the more your dragon grows. Watch it evolve based on your GitHub commits.

Interactive developer pet built with vanilla HTML/CSS/JS — connects to the GitHub API to track commit activity and evolve your dragon through 5 stages.

Your coding companion. Feed it commits, watch it evolve.

👉 SmartEdgeDM.github.io/commit-dragon

Commit Dragon screenshot

• Tamagotchi-style egg shell with animated glowing screen
• 5 dragon evolution stages driven by real GitHub commit data
• Evolution animation — dramatic glow effect when your dragon levels up
• 🐉 Dragon mood system — dragon reacts based on how many days since your last commit
• 🔥 Commit fire calendar — GitHub-style contribution graph with fire heat levels
• Share card — download a shareable image of your dragon's current stage
• Live GitHub API integration — no login required
• Working buttons: Feed, Sync, and Play
• 8-bit sound effects for every interaction
• Dragon vitals: streak, activity, and power bars
• Recent commit feed with repo names and timestamps
• Dragon egg favicon in the browser tab
• SmartEdge brand colors throughout
• Built with zero dependencies — pure HTML, CSS & JS

Your dragon's mood changes based on how many days have passed since your last commit. Neglect your dragon and it will let you know!

1. Open the live site
2. Enter any GitHub username and hit Summon
3. Use the buttons to interact:
   • 🍖 Feed — your dragon reacts with a happy animation
   • ⟳ Sync — fetches fresh data; triggers evolution animation if you levelled up
   • ★ Play — your dragon spins with joy
4. Hit share my dragon card to download a shareable PNG

commit-dragon/
├── index.html # entire app — single file, zero dependencies
├── screenshot.png # repo preview screenshot
├── social-preview.png # og:image for social sharing
├── CHANGELOG.md
├── CONTRIBUTING.md
├── CODE_OF_CONDUCT.md
├── LICENSE
└── README.md

Note: Only public repositories are visible via the GitHub API. Private repo activity won't count toward your dragon's XP.

We welcome contributions! Please read CONTRIBUTING.md before submitting a pull request.

Made with 💜 by SmartEdge Marketing · Buy Me A Coffee