``This is a submission for the GitHub Finish-Up-A-Thon Challenge
What I Built
My Premium Hub — an all-in-one personal productivity and wellness web app with Diary, Focus Timer, Music Player, Goals Tracker, Wellness Tracker, Mini Games, and a brand new smartwatch-style Step Tracker!
🔗 Live Demo: https://saumyasngh323.github.io/mood-app/
🔗 GitHub Repo: https://github.com/SaumyaSngh323/mood-app
The Backstory
I got frustrated switching between different apps for different things — one app for diary, another for timer, another for music, another for fitness. I thought why not build ONE app that has everything?
So I started building My Premium Hub. Got the basic features working but life got busy and I never fully finished it. The Step Tracker was always on my list but never got built.
Before (What Was Missing)
- No Step Tracker even though app is wellness focused
- Fitness tracking completely absent
- The app felt incomplete
After (What I Added with GitHub Copilot)
Using GitHub Copilot I built a complete 👟 Step Tracker featuring:
- ⌚ Smartwatch-style circular progress ring
- 🔥 Calories burned calculator
- 📏 Distance tracker
- 📊 7-day weekly bar chart
- 🔥 Streak counter
- 📅 History log
- 💬 Motivational messages
- 💾 localStorage data persistence
How GitHub Copilot Helped
Copilot helped me generate the SVG circular ring animation, localStorage logic, and the weekly chart. What would have taken hours took minutes!
Tech Stack
- HTML, CSS, JavaScript
- SVG animations
- localStorage
- GitHub Pages for hosting
Demo link
';" />
';" />
';" />