The latest articles on DEV Community by Saumya Singh (@saumya_singh_ad89242b3b67). https://dev.to/saumya_singh_ad89242b3b67 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3956013%2F9e60335c-91f0-479a-a60c-ae48ad168e68.jpg https://dev.to/saumya_singh_ad89242b3b67 en Saumya Singh Mon, 01 Jun 2026 09:09:49 +0000 https://dev.to/saumya_singh_ad89242b3b67/from-abandoned-side-project-to-full-wellness-hub-my-github-copilot-glow-up-o75 https://dev.to/saumya_singh_ad89242b3b67/from-abandoned-side-project-to-full-wellness-hub-my-github-copilot-glow-up-o75 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi9aizj8lyksai888qer2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi9aizj8lyksai888qer2.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxhr63bhm0owsnh5ng0ta.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxhr63bhm0owsnh5ng0ta.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqaj0exuf5k2xowrz9dep.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqaj0exuf5k2xowrz9dep.png" alt=" " width="800" height="450"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyquf3splqbckrjekubch.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyquf3splqbckrjekubch.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fem4keluahg5a5lmvjauc.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fem4keluahg5a5lmvjauc.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0ix4qpvpcnl9egwgcnlu.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0ix4qpvpcnl9egwgcnlu.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhyp4affv1mppnaaqr26g.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhyp4affv1mppnaaqr26g.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy8p9am47r0iwglsjty4r.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy8p9am47r0iwglsjty4r.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftuik7vsk6ti0x6ht0c9n.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftuik7vsk6ti0x6ht0c9n.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcwcusafz3x9qugx6pock.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcwcusafz3x9qugx6pock.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fddf3yj8ebw4sjil1n5ab.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fddf3yj8ebw4sjil1n5ab.png" alt=" " width="800" height="450"></a>``<em>This is a submission for the <a href="https://dev.to/challenges/github-2026-05-21">GitHub Finish-Up-A-Thon Challenge</a></em></p> <h2> What I Built </h2> <p><strong>My Premium Hub</strong> — 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 <strong>Step Tracker</strong>!</p> <p>🔗 <strong>Live Demo:</strong> <a href="https://saumyasngh323.github.io/mood-app/" rel="noopener noreferrer">https://saumyasngh323.github.io/mood-app/</a><br> 🔗 <strong>GitHub Repo:</strong> <a href="https://github.com/SaumyaSngh323/mood-app" rel="noopener noreferrer">https://github.com/SaumyaSngh323/mood-app</a></p> <h2> The Backstory </h2> <p>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?</p> <p>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.</p> <h2> Before (What Was Missing) </h2> <ul> <li>No Step Tracker even though app is wellness focused</li> <li>Fitness tracking completely absent</li> <li>The app felt incomplete</li> </ul> <h2> After (What I Added with GitHub Copilot) </h2> <p>Using GitHub Copilot I built a complete <strong>👟 Step Tracker</strong> featuring:</p> <ul> <li>⌚ Smartwatch-style circular progress ring</li> <li>🔥 Calories burned calculator</li> <li>📏 Distance tracker</li> <li>📊 7-day weekly bar chart</li> <li>🔥 Streak counter</li> <li>📅 History log</li> <li>💬 Motivational messages</li> <li>💾 localStorage data persistence</li> </ul> <h2> How GitHub Copilot Helped </h2> <p>Copilot helped me generate the SVG circular ring animation, localStorage logic, and the weekly chart. What would have taken hours took minutes!</p> <h2> Tech Stack </h2> <ul> <li>HTML, CSS, JavaScript</li> <li>SVG animations</li> <li>localStorage</li> <li>GitHub Pages for hosting</li> </ul> <h2> Demo link </h2> <p> <iframe src="https://www.youtube.com/embed/nRsHKVTd_6o"> </iframe> </p> devchallenge githubchallenge githubcopilot