MoodStreak is a premium, minimalist digital journaling application designed for mindfulness and creative expression. Whether you prefer typing, speaking, or sketching, MoodStreak provides a beautiful, private space to capture your daily journey.
"Journaling is like whispering to oneself and listening at the same time."
- Digital Ink: Smooth, SVG-based hand-drawing and doodling directly on your diary pages.
- Voice-to-Text: Real-time speech recognition using the native Web Speech API—private, fast, and $0.00 cost.
- Rich Text Editor: Full formatting control with TipTap, including custom fonts and colors.
- Curated Themes: Switch between Rose, Lavender, Sage, and Midnight aesthetics.
- Stationery Options: Choose from Ruled, Grid, Dotted, or Blank paper styles.
- Dynamic Fonts: Over 30+ premium typography options including Japanese ink styles and handwritten scripts.
- Mood Tracking: Log your daily emotions and visualize trends over time.
- Planner: Integrated daily task manager to align your goals with your reflections.
- Life Vault: Dedicated trackers for Weight, Menstrual Cycles, and Health metrics.
- Finance Log: Minimalist monthly expense tracker with category breakdowns.
- Bills & Insurance: Secure vault for insurance policies, recurring bill reminders, and credit card payments.
- Streak System: Stay motivated with a visual streak counter for consistent journaling.
MoodStreak now includes a comprehensive suite of life management tools, all kept private on your device.
Health & Cycle Tracking
Personal Finance Log
Bills & Insurance Secure Vault
- Local Storage: All data is stored securely on your device via IndexedDB (Dexie.js).
- Vault Lock: Optional 4-digit PIN protection for your private entries.
- Zero Cloud: No accounts, no tracking, no data leaves your browser.
| Onboarding Experience | Daily Journaling |
|---|---|
 |
 |
| Insights Dashboard | Daily Planner |
|---|---|
 |
 |
- Framework: React 19 (Vite)
- Styling: Tailwind CSS 4 & Framer Motion
- Database: Dexie.js (IndexedDB)
- Editor: TipTap (ProseMirror)
- Icons: Lucide React
- Drawing: React Sketch Canvas
- Analytics: Recharts (Private, local only)
- Node.js (v18+)
- npm or yarn
-
Clone the repository:
git clone https://github.com/razeltech/moodstreak.git cd moodstreak -
Install dependencies:
npm install --legacy-peer-deps
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
MoodStreak is an original series project by RazelTech, focused on building high-fidelity, user-centric digital tools that prioritize privacy and premium aesthetics.
Distributed under the MIT License. See LICENSE for more information.