DEV Community

Saumya Singh
Saumya Singh

Posted on

From Abandoned Side Project to Full Wellness Hub — My GitHub Copilot Glow Up ✨

GitHub “Finish-Up-A-Thon” Challenge Submission










 ``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

Top comments (0)