Inspiration
Living in a fast-paced world, I saw friends and colleagues struggle with sleep loss and work stress—none had a simple, all-in-one tool for mental wellness. I wanted to create something that felt calm, professional, and tailored to everyday adults’ needs: a space to pause, reset, and prioritize rest.
What it does
CalmCoach AI is a web platform for mental wellness and sleep improvement. It offers personalized meditation recommendations, sleep tracking tools, stress management resources, and therapy integration—all in a clean, calming interface designed for daily use.
How we built it
I started with wireframing the page structure (header, hero, feature cards, sleep section, footer) in Figma, aligning with wellness-focused design principles. I coded the UI with HTML/CSS/JavaScript (React + TailwindCSS) for responsiveness, prioritizing soft colors and smooth transitions. I built the sleep section with a dark theme to stand out, and ensured all text was clear, English-only, and user-centric.
Challenges we ran into
The biggest hurdle was making the layout fully responsive—ensuring feature cards, stats, and buttons adapted seamlessly to mobile (under 480px) without losing usability. I also struggled to balance visual calm with functional clarity (e.g., distinguishing CTAs without cluttering the interface).
Accomplishments that we're proud of
We created a fully responsive, visually cohesive platform that matches wellness industry design standards. The sleep section’s dark theme perfectly contrasts with the rest of the UI, and all core features (dashboard stats, sleep tools, CTAs) work intuitively across devices.
What we learned
I mastered responsive grid layouts and subtle UI animations (hover lifts, smooth scrolling) that enhance user experience without distraction. I also learned how color psychology (calm blues, gentle purples) impacts perceived "calm" in a wellness product.
What's next for this project
Next, I plan to integrate real wearable sync for sleep tracking, add interactive meditation audio playback, and build out the therapy booking flow with secure scheduling APIs. I also want to test user feedback to refine the mood-based meditation recommendation logic.
Log in or sign up for Devpost to join the conversation.