DEV Community

Cover image for From Study Tracker to Study Companion: My Finish-Up-A-Thon Journey
Amrit Kang
Amrit Kang

Posted on

From Study Tracker to Study Companion: My Finish-Up-A-Thon Journey

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

This is a submission for the GitHub Finish-Up-A-Thon Challenge

From Prototype to Product: Why I Built Study Companion

As a student, I found myself constantly switching between apps while trying to study.

★One app for tasks.
★One for focus sessions.
★One for tracking progress.
★One for getting help when I was stuck.

Juggling multiple tools wasn't just annoying—it was a distraction machine. I didn't want another productivity app, I wanted a complete study system that students could genuinely rely on every single day.

That is why I built Study Companion

What is Study Companion?
Study Companion is a full-featured study productivity platform available on both web and mobile. It combines task management, focus tools, AI assistance, and progress tracking into a single, seamless experience.

Here is a look under the hood at what the platform includes:

• Subject & Topic Management
• Smart Task Management
• Pomodoro Timer & Focus Sounds
• AI Study Buddy
• Progress Analytics
• Consistency Heatmaps
• Cloud-Backed Storage
• Cross-Platform

The goal wasn't to build another productivity app.
The goal was to build a study system that students could genuinely rely on every day.'

At the start of the challenge, Study Companion already worked.
But it wasn't finished.

The GitHub Finish-Up-A-Thon gave me the perfect excuse to revisit the project and finally transform it from a working prototype into a complete product :)

Demo

Live Application: https://mystudy-companion.vercel.app/

Repository: https://github.com/amritkang165/study-companion


Before vs After

Data Storage

✿ Before

• Subjects stored in localStorage
• Tasks stored in localStorage
• Revisions stored in localStorage
• Data tied to a single browser
• No real backend

✿ After

• Full Supabase integration
• Dedicated database tables
• Row Level Security (RLS)
• Automatic migration of existing user data
• Cross device synchronization
• Persistent cloud-backed storage


This was the biggest architectural upgrade in the project.
What started as a browser-based prototype became a real cloud-backed application.

Key Improvements

⋆ Advanced Analytics : streak tracking, consistency heatmaps, weekly comparisons, progress visualizations, and priority insights generated entirely from existing task data.
⋆ Focus Mode : transformed a basic Pomodoro timer into a distraction-free study workspace with fullscreen mode, task panel, and focus sounds.
⋆ AI Study Buddy : upgraded to Groq + Llama 3.3 70B with summaries, question generation, and dedicated learning views.

ai study buddy

⋆ Profile Management : editable profiles, synced user data, instant dashboard updates, and account statistics.
⋆ Mobile Support : fully responsive experience with mobile-optimized navigation and layouts.
⋆ UI Redesign : complete neo-brutalist design system with light/dark mode, improved accessibility, cleaner navigation, and a more polished dashboard experience.

The Comeback Story

I thought Study Companion was already finished. The tasks worked, the Pomodoro timer worked, and the AI worked.

• To truly finish it, I rebuilt major parts of the app—adding a proper backend with Supabase, real authentication, analytics, profile management, mobile support, and a complete UI redesign.

• I also refactored components, improved responsiveness, and polished the overall user experience.

• The result is a far more complete, scalable, and polished study platform than the version that originally entered the challenge.

Technical Highlights

Frontend

• React
• Context API
• Responsive Design
• Web Audio API

Backend

• Supabase Auth
• Supabase Database
• Row Level Security

AI


• Groq API
• Llama 3.3 70B Versatile

Features

• Optimistic UI updates
• Automatic data migration
• Cloud persistence
• Analytics engine
• AI-powered learning support
• Streak tracking
• Consistency monitoring
• Mobile and web support

My Experience with GitHub Copilot

GitHub Copilot served as a coding companion, turning ideas into implementations more efficiently.

I used Copilot extensively while:

Refactoring

• Large portions of the project were rewritten during the migration from localStorage to Supabase.
• Copilot helped accelerate repetitive CRUD patterns and state management logic.

Backend Integration

It was particularly useful while working with:
• Authentication flows
• Database queries
• Validation logic
• Error handling

UI Development

• Copilot helped speed up:
• Component creation
• Responsive layouts
• Dashboard improvements
• Styling iterations

Feature Development

• Analytics, profile management, Focus Mode, and AI-related features were much faster to iterate on thanks to Copilot's suggestions and scaffolding.

The result wasn't code that Copilot built for me.

It was code I could build faster because Copilot handled much of the repetitive work, allowing me to focus on architecture and user experience.

Top comments (8)

Collapse
 
muneer320 profile image
Muneer Alam •

Interesting project, would definitely help a lot of students with their time and focus.

Collapse
 
amritkang165 profile image
Amrit Kang •

Thanks!!

Collapse
 
vanshika_asati_92d57f1f91 profile image
Vanshika Asati •

Great work 👏

Collapse
 
amritkang165 profile image
Amrit Kang •

Thanks ☺️

Collapse
 
grabware profile image
Gurvinder Kang •

Good work

Collapse
 
amritkang165 profile image
Amrit Kang •

Couldn't have done it without your support and encouragement.

Collapse
 
akshaj658 profile image
AKSHAJ •

Nice to see how a project turned into something like this!!

Collapse
 
amritkang165 profile image
Amrit Kang •

Glad you liked it!