Projects

Rootly Notes

Rootly Notes
Open Source
Live

Rootly Notes helps track learning progress through courses, Q&A notes (with code snippets), daily study logging (time + mood), and visual analytics across the last 90 days. It supports cloud sync via Supabase or offline-first usage via LocalStorage, and includes a review/quiz mode with session summaries and improvement stats.

Problem:

  • Learners needed a structured way to store notes, track progress over time, and review what they studied without losing data (online or offline).

Solution:

  • Built a notes + learning tracker with offline and cloud modes, progress dashboards, quiz-based review, and exports to JSON/CSV.

Architecture:

  • Next.js 15 App Router + React 19 + TypeScript + Tailwind CSS v4, using Supabase (PostgreSQL + Auth + RLS) for secure per-user data, Recharts for dashboards, and Radix UI/shadcn/ui for accessible components.

Tech Stack

  • TypeScript
  • Next.js
  • Tailwind CSS
  • shadcn/ui
  • React Hook Form
  • Recharts