Build a Notion Clone with React and TypeScript

A practical React and TypeScript course built around a Notion-style application. The project teaches a realistic full-stack workflow with Vite, Supabase, authentication, database-backed content, drag-and-drop interactions, testing, and CSS Modules.

My Role

I taught the project for Zero To Mastery and structured it around a portfolio-worthy app rather than isolated framework examples.

Highlights

• 8 hours of material across 112+ lessons.
• Covers React, TypeScript, React Router, DNDKit, Vite, Supabase, testing, and CSS Modules.
• Uses authentication, private routes, persisted data, and interactive document-building UI patterns.

Postmortem

The useful constraint here was forcing TypeScript to earn its place in the product, not just annotating a toy app. The course works best when the project complexity is high enough to make state shape, data ownership, and UI interactions visible to the learner.

External source checked: 2026-05-16. This page is the stable internal record if the external project URL changes.