Full-Stack SaaS / Productivity AppPersonal Project · 2025–Present

Streakly

A learning journey tracker built to solve the real problem — not lack of motivation, but lack of consistency

What is it?

Streakly is a web app built for learners and students who struggle to stay consistent with their learning goals. Instead of treating learning like a flat to-do list, Streakly models it as a journey — with topics, subtopics, tasks, streak tracking, and resource management all in one place. It was born from a personal frustration: starting a learning path, missing one day, and abandoning it entirely. Streakly's core focus is gentle, daily accountability.

What I Did

I was the sole developer behind Streakly — from product concept to architecture to deployment. I designed the hierarchical learning model (journeys → topics → subtopics → tasks), built the streak engine with edge-case handling, implemented a notification system for nudges and warnings, and integrated resource uploading so learning materials live directly inside each journey.

Tech Stack & Tools

  • Full-Stack
  • React
  • JavaScript
  • Productivity
  • Learning Tracker
  • Streak System
  • Personal Project
  • Habit-Forming UX
  • SaaS
  1. Hierarchical Learning Model

    Designed a nested data structure that mirrors how real learning works — journeys contain topics, topics contain subtopics, and subtopics contain actionable tasks. This replaced a flat checklist model and made the app feel structurally meaningful rather than just another todo tool.

  2. Streak Engine

    Built a streak system that tracks both current and longest streaks per journey. The engine detects daily completion state, issues a warning when a streak is at risk, and resets appropriately on a miss — with future support planned for grace days and streak freezes.

  3. Notification & Accountability System

    Implemented a notification system that nudges users when a journey starts the next day, when they haven't logged anything for the current day, and when their streak is in danger. The goal was gentle pressure, not anxiety — reminders that help, not overwhelm.

  4. Journey-Scoped Resource Uploads

    Built a resource attachment system that lets users upload or link PDFs, documents, images, and URLs directly to a learning journey. Learning materials stay organized inside the context they belong to — eliminating the scattered tabs problem.

  5. Progress Tracking & Dashboard

    Built a personal dashboard that surfaces each journey's current streak, longest streak, start date, target duration, and task completion state — giving learners a single view of all active learning paths and their momentum.

Learning Hierarchy
3-Level
Journeys → Topics → Subtopics → Tasks — structured the way real learning works
Streak Accountability
Daily
Current & longest streak tracked per journey with at-risk warnings
Resource Management
In-App
PDFs, docs, images, and links attached directly to each learning journey
Notification Engine
Push
Nudges for journey starts, missed days, and streak risk — built for gentle accountability
  • Create learning journeys with a start date and target duration
  • Hierarchical structure: topics → subtopics → tasks
  • Current streak and longest streak tracking per journey
  • Streak-at-risk warnings and daily completion detection
  • Notification system: journey start reminders, daily nudges, streak warnings
  • Resource uploads per journey — PDFs, docs, images, and links
  • Personal dashboard with progress overview across all journeys
  • Learning-first UX — not a generic habit tracker or todo app
  • Hierarchical learning model — 3-level nested structure mirrors how real subjects are organized

  • Streak engine handles daily state detection, at-risk warnings, and reset logic cleanly

  • Notification system fires contextual nudges without being intrusive — gentler than typical habit apps

  • Resource management scoped to individual journeys — keeps materials contextually organized

  • Built and shipped solo as a response to a real personal pain point, not a tutorial clone

Ready to build something amazing?

Interested in learning more about this project or starting a new full-stack development journey? Let's talk.