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!