StudyFlow

Inspiration

I created StudyFlow to address the scattered nature of modern learning. Between textbooks, online courses, and ad-hoc notes, it’s easy to lose track of progress and motivation. StudyFlow brings everything into one place—organizing your study materials, tracking sessions, and celebrating milestones—to help you stay focused and achieve your educational goals.

What it does

Interactive Dashboard
Provides a snapshot of your current progress, upcoming goals, and recent study analytics.
Subject & Topic Management
Organize your content into customizable categories, add resources, and attach notes.
Built-in Pomodoro Timer
Stay focused with a timer that encourages 25-minute work sprints and 5-minute breaks.
Goal Setting & Achievement Tracking
Define study targets, see visual progress bars, and earn badges when you hit milestones.
Session History & Analytics
Review past sessions, time spent per topic, and performance trends.
Calendar Integration
Sync your study plan with Google Calendar or Outlook for seamless scheduling.
Notes & Resource Management
Attach PDFs, links, and markdown notes directly to subjects/topics.

How we built it

Frontend
- React (Vite) + TypeScript
- Tailwind CSS for utility-first, responsive design
- Recharts for interactive data visualizations
Backend
- Node.js + Express API
- MongoDB Atlas for document storage
- JSON Web Tokens (JWT) for authentication
Integrations
- Google Calendar API
- OAuth2 for single-sign-on (Google, GitHub)
DevOps
- Dockerized services for local development
- CI/CD with GitHub Actions and Vercel deployment

Challenges we ran into

Syncing calendar events in real time without hitting rate limits
Designing analytics that are both insightful and performant on large study histories
Balancing feature-richness with a clean, intuitive UI

Accomplishments that we're proud of

Real-time Pomodoro timer with cross-device session persistence
Fully responsive, mobile-first dashboard with smooth micro-interactions
Customizable achievement badge system that boosted user engagement by 30% in beta
Seamless calendar sync in under 100ms per event

What we learned

Implementing OAuth2 flows can be tricky—handling token refresh and edge-case errors requires careful planning.
Data visualization is most effective when users can drill down from high-level charts into specific sessions.
Minimalist design principles (ample whitespace, clear typography) significantly improve user focus in productivity apps.