Study Runtime

A study planning and session management application that helps students organize their study schedule, track session progress, and maintain consistent study habits through structured runtime tracking.

Build StackReact, TypeScript, Next.js, Tailwind CSS, MongoDB, Prisma

GitHubLive Demo

Challenges

  • Building a session timer that accurately tracks study time across browser tabs without losing state on navigation.

  • Designing a planning interface that supports flexible scheduling without becoming visually cluttered.

  • Persisting session history and progress data reliably across devices and sessions.

Solutions

  • Used Web Workers and localStorage fallback to maintain timer accuracy across tab switches and page reloads.

  • Created a drag-and-drop schedule builder with collapsible day views and inline editing.

  • Implemented Prisma + MongoDB with optimistic updates for real-time progress syncing.

Grateful you're here! Always happy to chat ^^

I'm open to new opportunities – full-time roles, freelance projects, and collaborations. If you're working on something interesting, I'd love to hear about it.

zargartabiq@gmail.com
GitHubLinkedInX

© 2026 Open source, free to use

Study Runtime overview