🌸 My First App — Built from Scratch

Meet Petals

A dreamy emotional journal app for tracking moods, writing freely, and finding calm — designed with love and glassmorphism.

Try Petals Live 🌸 View Source Code
petalsjournal.vercel.app
Petals Dashboard

A Walkthrough of Petals

Every screen designed with dreamy gradients, glassmorphism cards, and soft pink aesthetics.

Landing Page
🏠 Landing Page
Welcome Screen
👋 Welcome Screen
Diary Cover
📖 Diary Cover
Mood Check-in
😊 Mood Check-in
Dashboard
📊 Dashboard
Breathing Exercise
🌬️ Breathing Exercise

What Petals Can Do

A full-featured journal app with everything you need for emotional wellness.

😊

Mood Tracking

Log your mood daily with 8 expressive emoji options and see patterns over time.

✍️

Journal Entries

Write freely with a rich editor, mood tags, and automatic word count.

🌬️

Breathing Exercises

Box Breathing and 4-7-8 techniques with animated glowing visuals.

🫙

Gratitude Jar

Collect moments of gratitude in a beautiful glassmorphism jar.

📊

Mood Insights

Visualize your emotional patterns with charts and weekly mood views.

📋

Templates

6 guided journal templates to help you get started writing.

🔒

Private by Design

No accounts, no passwords — your journal stays on your device.

📱

Fully Responsive

Works beautifully on desktop, tablet, and mobile screens.

Tech Stack

Modern tools for a modern app — fast, reliable, and deployed on the edge.

Next.js
TypeScript
Tailwind CSS
Supabase
Vercel
GitHub

Built with Zero Coding Background

"I started this project with no coding experience at all. With curiosity and persistence, I designed and built every screen of Petals from scratch — turning an idea into a real, live app that anyone can use."

— Samriddhi, creator of Petals 🌸