๐ Course โ Happiness & Well-being (Academic Project)
๐ฅ Team Name โ CODE2AIM
๐ก Project Theme โ Technology for Emotional Awareness & Mental Wellness
๐ฉ Contact Email โ aditimehta307@gmail.com
HappyVerse is a multi-module digital well-being platform designed to help users relax, reflect, and reconnect with their emotions through interactive and intelligent tools.
The platform integrates AI conversation, mindfulness experiences, mood tracking, and engaging activities into a unified ecosystem accessible through a central dashboard.
Unlike single-purpose applications, HappyVerse focuses on holistic emotional wellness, allowing users to explore different forms of self-care โ from talking to an AI companion to journaling and playing calming games.
๐ฟ Designed for awareness, not productivity.
A conversational AI companion that provides emotional support through natural interaction.
- Emotion-aware responses
- Supportive and empathetic communication
- Real-time chat interaction
- Lightweight and responsive UI
- Groq API (LLM inference)
- HTML, CSS, JavaScript
๐ https://happy-verse-happy-bot.netlify.app/
A collection of interactive browser-based games designed to refresh the mind and improve mood.
- Quick stress-relief games
- Lightweight and accessible
- Positive reinforcement through play
- HTML, CSS, JavaScript
๐ https://happy-verse-mini-games.netlify.app/
A dedicated space for users to slow down and practice mindfulness.
- Breathing exercises
- Calm visual environment
- Streak tracking & engagement logic
- Theme customization
- React (Vite)
- Node.js (optional backend support)
A journaling and mood tracking module that helps users reflect on their emotional state.
- Daily mood logging
- Personal journaling
- Reflection and emotional tracking
- Python Flask
- SQLite Database
- HTML, CSS
๐ https://happy-verse-calm-journal.onrender.com
HappyVerse uses Clerk Authentication to ensure secure and personalized user experiences.
- Sign up / Sign in
- Protected dashboard
- User-specific experience
- Profile management
Landing Page
โ
โผ
User Authentication (Clerk)
โ
โผ
Dashboard (Central Hub)
โ
โโโ Calm Zone (Internal React Module)
โโโ Mini Games (External App)
โโโ Happy Bot (AI Chat App)
โโโ Calm Journal (Flask App)- ๐ Dark Gradient Backgrounds
- โจ Glassmorphism UI
- ๐ฟ Soft animations and transitions
- ๐ฏ Minimal distractions
- Primary: Deep Blue / Indigo
- Accent: Neon Mint (#00FFC3)
- Background: Dark gradient tones
The UI is designed to feel:
- Safe
- Calm
- Emotionally inviting
| Layer | Technologies |
|---|---|
| Frontend | React (Vite), HTML, CSS, JavaScript |
| Backend | Node.js, Express, Python Flask |
| Authentication | Clerk |
| AI | Groq API |
| Database | SQLite |
| Deployment | Netlify, Render |
User โ Landing Page โ Authentication (Clerk)
โ
Dashboard (React)
โ
โโโโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโ
โ โ โ โ
Mini Games Happy Bot Calm Zone Calm Journal
(Netlify) (Netlify) (React) (Flask)- Multi-module emotional wellness ecosystem
- Combination of AI interaction + mindfulness tools
- Integration of different tech stacks into one platform
- Real-world architecture with micro-app integration
- Focus on mental well-being instead of productivity
- Clean UI with modern frontend practices
| Feature | Description |
|---|---|
| AI Chatbot | Emotional conversation support |
| Mini Games | Mood-enhancing activities |
| Calm Zone | Mindfulness and relaxation |
| Mood Tracker | Emotional journaling |
| Dashboard | Central navigation system |
| Authentication | Secure login with Clerk |
| Responsive UI | Works across devices |
-
๐ฎ Mini Games
https://happy-verse-mini-games.netlify.app/ -
๐ค Happy Bot
https://happy-verse-happy-bot.netlify.app/ -
๐ Calm Journal
https://happy-verse-calm-journal.onrender.com
| Module | Contributor |
|---|---|
| AI Chatbot | Ishani Jindal |
| Mini Games | Aditi Mehta |
| Calm Zone | Mehar Bhanwra |
| Mood Tracker | Chirag |
| Integration, UI, Authentication, Dashboard | Pratham Ranjan |
- Reward & progress system
- AI-based emotion detection improvements
- Personalized recommendations
- Cross-module data integration
- Mental health insights dashboard
- Community support features
HappyVerse creates a space where users can:
- Express emotions freely
- Relax and reset mentally
- Reflect on their feelings
- Engage in positive activities
It bridges the gap between technology and emotional well-being, making self-care accessible and interactive.
โจ โSmall digital moments can create real emotional impact.โ
This project is developed for academic purposes under the Happiness & Well-being course.