Inspiration

In today’s world, productivity apps are everywhere — but very few truly prioritize mental well-being. Students and professionals alike often juggle multiple tools just to manage tasks, track progress, study, and unwind — leading to cognitive overload and burnout.

We saw a gap.

We asked: What if one tool could do it all, but in a calm, minimalist, and intelligent way?

The inspiration for Calmind came from real struggles with attention, stress, and scattered productivity tools. We wanted to create something that helped people not just do more, but feel better while doing it. A space that empowers users to work smarter, learn faster, and unwind regularly — all in one unified platform.

What it does

Calmind is a holistic productivity and mindfulness app that helps users:

✅ Manage their daily tasks with CRUD-based to-do lists.

⏳ Focus better with a customizable Pomodoro Timer that tracks productivity stats.

📅 Organize long-term plans using a built-in Calendar.

🧠 Discover how they learn best with a Learning Style Quiz that identifies whether they're a visual, auditory, or kinesthetic learner.

📚 Explore personalized Study Resources, including embedded YouTube videos, study strategies, and interactive lessons.

🌬️ Recharge through the Unwind section, with animated breathing exercises and mindfulness techniques based on patterns like Calm, Focus, Sleep, and Energize.

🧾 Track progress, gain XP, and unlock Achievements and badges via a gamified Profile Dashboard.

⚙️ Customize everything — from Dark Mode to Voice Feedback — in the Settings tab.

🧑‍💻 All while being voice-enabled, cross-platform ready, and backed by Supabase for realtime data sync.

In essence, it’s your personal Mindful Productivity Hub.

How I built it

Calmind was built using modern full-stack technologies, powered by a single prompt on Bolt.new — a revolutionary platform that lets developers generate, connect, and deploy complete web apps in seconds.

Frontend:

Framework: Next.js (React-based)

Styling: Tailwind CSS (responsive utility-first design)

Voice UI: ElevenLabs integration

AI Interaction: Custom Chatbot with conversation memory

Animations: Framer Motion for transitions & breathing visuals

Backend:

Database: Supabase (PostgreSQL + Realtime Sync + Authentication)

Data Model:

Users

Tasks

Sessions (Pomodoro, Breathing)

Achievements

LearningStyles

Resources

ProgressStats

AI Stack:

Voice Synthesis: ElevenLabs API

Conversational AI: ElevenLabs API

Content Personalization: Learner type detection → personalized study recommendations

Platform Integration:

Built & generated on Bolt.new — a revolutionary no-boilerplate, one-prompt full-stack development tool.

Bolt.new enabled a "zero-to-launch" experience — generating frontend, backend, routes, and auth from a single prompt.

Features

  1. Home & Navigation Compact dashboard layout

Bottom nav bar with animated transitions

Quick links to To-do, Pomodoro, Calendar, Resources, and Unwind

  1. ✅ To-Do List Full CRUD operations (Create, Read, Update, Delete)

Priority badges (Low, Medium, High)

Persistent Supabase-based storage

Task completion tracking synced to XP system cm1 image

  1. ⏱️ Pomodoro Timer Custom work/break durations

Real-time timer logic

Progress tracking (Pomodoro cycles + Focus Minutes)

Cycle completion adds XP & achievement points

Voice alerts via ElevenLabs

image

  1. 🗓️ Calendar View long-term goals and deadlines

Create/edit goal cards with completion tracking

Color-coded events per goal category image

  1. 🌬️ Unwind Section Real-time animated breathing pattern:

Calm | Focus | Energize | Sleep

User can choose pattern → animation & timer adjust accordingly

Breath In / Out visuals with voice cues

Tracks “Mindful Minutes” image

  1. 🧠 Learning Style Quiz 5-question interactive quiz

Detects if user is Visual, Auditory, or Kinesthetic learner

Stores learning style in profile

Drives content filtering in Resources image

  1. 📚 Study Resources Curated video lessons, tips, guides, techniques

Embedded YouTube integration

Search + Filter based on learner type & difficulty

Voice summaries and "Listen" option for each tip

Achievement tracking for watched resources

image image

  1. 🎖️ Profile & Gamification XP system with levels & badges

Achievements such as:

Focus Novice, Task Crusher, Mindful Soul, Goal Achiever, Scholar image

Progress bar on:

Focus Time

Mindful Minutes

Tasks Done image

Goals Completed

Learning Quizzes

  1. ⚙️ Settings Voice Notifications toggle

Dark Mode switch

Auto-start breaks for Pomodoro

Supabase, Voice AI system status indicators

Sync with Google or email

image

Challenges we ran into

Challenges Faced Voice Integration: Managing ElevenLabs API throttling and ensuring seamless voice prompts across components

Real-Time Data Sync: Supabase occasionally delayed updates in shared session states — fixed using debounce + feedback states

State Management: Timer, XP tracking, and badge updates needed a shared context system to ensure accurate sync

Gamification Design: Designing a fair point system across activities that motivates users without overwhelming them

Accomplishments that we're proud of

Built a holistic platform uniting wellness, learning, and productivity

Leveraged AI voice + chatbot to elevate user experience

Created a real-time, database-backed app from a single prompt on Bolt.new

Developed a smart recommendation engine based on learner types

Designed a fully gamified profile system with levels, achievements, and visual feedback

What I learned

Bolt.new is a game-changer — allowing developers to focus on ideas, not boilerplate

Mindful UX design (colors, voice, breathing animation) significantly improves user engagement

Learning style personalization helps users study smarter, not just harder

Full-stack dev can be dramatically accelerated with modern tools and AI

What's next for Calmind

Upcoming features include:

Habit Point System: Reward users for daily consistency and healthy habits.

Social Profiles & Study Groups: Connect with other learners, join focus sessions together.

Advanced Stats Dashboard: Get weekly reports on productivity, learning progress, and mental wellness.

Smarter Chatbot: Upgrade the conversational AI to coach users based on their past progress and preferences.

Mobile App Launch: Take Calmind on the go with full offline support.

Built With

  • bolt.new
  • conversational
  • elevenlabs
  • gamification
  • next.js
  • supabase
  • tailwind
Share this project:

Updates