Personal Project

Rootly Notes

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.

Rootly Notes

The Problem

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

The 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

Next.js 15TypeScriptTailwind CSS 4shadcn/uiRadix UIPostgreSQLSupabase AuthRecharts