Afzan Khan
afzanlearns
Back to Projects
ReactShadcn UISupabase

Mindful Muse

About the Project

A note-taking web application prioritizing clarity, minimalism, and privacy.

Mindful Muse screenshot

Core Features

Thoughtful Note-Taking

  • Markdown editor with live preview
  • Auto-save to local browser storage
  • Word and character count
  • Seamless title and content editing

Organization & Filtering

  • Tag-based notes (Work, Personal, Ideas, To-Do)
  • Filter notes by tag
  • Visual tag indicators for quick context
  • Clean, intuitive sidebar navigation

Privacy First

  • 100% client-side data persistence
  • No account registration or login required
  • Notes stored entirely in the browser's localStorage
  • Absolute data ownership — zero external server dependencies

Interface & UX

  • Calm, minimal design system
  • Light and dark mode support
  • Smooth micro-interactions
  • Fully responsive layout
  • Accessible UI components

Design Philosophy

Mindful Muse is built around one guiding principle:

Less friction. More clarity.

Instead of overwhelming users with features, the app:

  • Reduces visual noise
  • Keeps interactions intentional
  • Prioritizes readability and calm spacing
  • Stays out of the way while you think

Tech Stack

Frontend: React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · Framer Motion

Backend: None — fully client-side, powered by localStorage