MindBloom is a full-stack mental wellness web application that helps users track their emotions, build healthy habits, and engage with a supportive community.

Users can log their mood, maintain habit streaks, share anonymous posts, and unlock achievements while improving their mental wellness journey.

1. Live URL:

https://k-mindbloom.netlify.app

2. Youtube Demo Video:

https://www.youtube.com/watch?v=zs8yB1loTUY&feature=youtu.be

3. API Documentation (Postman):

https://documenter.getpostman.com/view/39216679/2sBXwmRYck

Dashboard Screenshot

MoodLogs Screenshot

Habits Screenshot

Community Screenshot

Rewards Screenshot

• Log daily mood with emoji and notes
• Weekly mood visualization
• Helps identify emotional patterns

• Create daily or weekly habits
• Track habit streaks
• Edit and delete habits
• Automatic reset for daily and weekly habits

• Anonymous community posts
• Like posts to support others
• Expand long posts with Read More

• Earn Bloom Points
• Unlock achievements
• Track progress toward new rewards

• Today's mood summary
• Habit progress
• Recent achievements
• Quick action shortcuts

• React
• Vite
• CSS
• Fetch API

• Node.js
• Express.js
• MongoDB Atlas
• Mongoose

• Netlify (Frontend)
• Render (Backend)

MindBloom
│
├── backend
│ ├── models
│ ├── routes
│ ├── server.js
│ └── package.json
│
├── frontend
│ ├── src
│ │ ├── components
│ │ ├── styles
│ │ ├── App.jsx
│ │ └── main.jsx
│ │
│ └── package.json
│
└── README.md

1️⃣ Clone Repository

git clone https://github.com/Khushbu696/MindBloom.git
cd MindBloom

2️⃣ Backend Setup

cd backend
npm install

Create .env

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
JWT_EXPIRES_IN=7d

Run Backend

npm start

3️⃣ Frontend Setup

cd frontend
npm install
npm run dev

• Community replies and comments
• Mood analytics charts
• Guided meditation section
• Notification reminders
• Mobile UI improvements
• User profile customization