Blissify - Your Mental Wellness Companion 🌿

---

🏆 Winner of Mindfulness Hacks 2024 & PeerBridge Mental Health Hacks 2026

Prizes Won

• Certopus Verified Certificates (View Certificate)
• Interview Cake Licenses (License)
• $25 Cash Prize
• 1-year subscriptions for NordVPN, NordPass, NordProtect and Incogni
• 1 GB of free data for Saily
• 3-month access and credit for nexos.ai
• Interview Buddy AI interview voucher
• Interview Buddy 10% coupon code for 1:1 expert-driven mock interviews ($10)
• Certificate of Achievement
• Free position at PeerBridge

Blissify was developed as part of Mindfulness Hacks 2024, a hackathon by the Student Code Alliance, where it was recognized for its innovative approach to emotional tracking and wellness activities.

---

🌟 Overview

Blissify is a full-stack mental wellness application designed to help users track emotions, practice mindfulness, and improve focus through interactive activities. It leverages modern web technologies to provide a seamless and engaging user experience.

---

🚀 Key Features

• 📝 Emotion Tracking: Real-time logging, visual insights, and historical analysis.
• 🧘 Meditation: Customizable guided sessions with voice instructions and breathing exercises.
• 🎵 Music Therapy: Ambient music, nature sounds, and personalized playlists.
• 🕹️ Interactive Games: Memory challenges and stress-relief activities.
• 🏋️ Exercise: Gentle stretching routines and guided movement exercises.
• 🔒 Secure & Scalable: Built with best practices for performance, accessibility, and user privacy.

---

🛠 Tech Stack

• Frontend: React + TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Form Handling: React Hook Form
• Validation: Zod
• Audio Processing: Web Audio API
• Routing: React Router

---

📂 Project Structure

src/
├── components/         # Reusable UI components
│   ├── activities/    # Activity-specific components
│   ├── audio/         # Audio-related components
│   ├── breathing/     # Breathing exercises
│   ├── logs/          # Emotion tracking UI
│   └── meditation/    # Meditation components
├── pages/             # Application pages
├── hooks/             # Custom React hooks
├── utils/             # Utility functions
├── types/             # TypeScript types
└── data/              # Static assets and configurations

---

Recognition 🏆

This project was also a winner in the Dev Challenge Hackathon, recognized for its innovative approach to mental wellness and emotional tracking.

---

🛠️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/prabhsharan1/Blissify.git

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

4️⃣ Open in Browser

Navigate to http://localhost:5173 to explore the app locally.

---

🎯 How It Works

1. Log emotions and gain insights into mood patterns.
2. Choose a wellness activity (meditation, music, games, or exercise).
3. Personalize the experience with guided sessions and custom options.
4. Track progress using historical insights and analytics.
5. Build mindfulness habits with daily usage and interactive features.

---

🌐 Live Demo

Try the live version of Blissify here: Netlify Live Link

🎥 Video Demonstration

Watch the video demonstration here: Blissify

---

🤝 Contributing

We welcome contributions! To get started:

1. Fork the repository.
2. Clone your fork to your local machine.
3. Create a new feature branch: git checkout -b feature/new-feature.
4. Commit your changes: git commit -m 'Add new feature'.
5. Push to the branch: git push origin feature/new-feature.
6. Open a Pull Request to the main repository.

---

📃 License

This project is open-source and available under the MIT License. Feel free to use, modify, and distribute it!

---

Made with ❤️ for mental wellness.