WellnessHub – AI Wellness SaaS - Sell Project

WellnessHub - Your Personal Wellness CompanionA comprehensive, AI-powered wellness platform built with React, Node.js, and MongoDB. ✨ What's New in v2.0 Additional Features Added: 💧 Water Intake Tracker - Track daily water consumption with visual progress, streaks, and goals 😴 Sleep Tracker - Log sleep quality, duration, and get weekly insights 😊 Mood Tracker - Daily mood logging with emotions, energy levels, and trends ⏱️ Pomodoro Timer - Focus timer with presets and productivity tracking 💬 Daily Affirmations - Inspirational quotes with categories Features 🎯 User Onboarding Goal selection (weight loss, stress relief, fitness, better sleep, mental clarity, healthy eating) Personalized profile setup with fitness level assessment 🤖 AI-Powered Wellness Plans Personalized diet recommendations Customized workout routines Meditation and mindfulness schedules Optimized sleep schedules ✅ Habit Tracker Daily habit tracking with streaks Gamified rewards system Badges and achievements Level progression (1-50) 🧘 Daily Mindful Breaks Stretching exercises Breathing techniques (4-7-8, box breathing) Hydration reminders Quick meditation sessions 🏆 Community Challenges Create and join wellness challenges Track progress with leaderboards FairDraw - Transparent random winner selection using SHA-256 hash Multiple challenge types (steps, meditation, water, eating, workout) 💧 Water Intake Tracker (NEW!) Visual progress circle with percentage Quick add buttons (100ml, 200ml, 250ml, 500ml) Custom amount input Daily goal setting (1.5L - 3L) Streak tracking History log 😴 Sleep Tracker (NEW!) Log bedtime and wake time Sleep quality rating (1-5) Weekly average stats Sleep history calendar Sleep tips and recommendations 😊 Mood Tracker (NEW!) Emoji-based mood selection Energy level tracking Stress level tracking Activity logging Gratitude entries Mood trends and insights Calendar view ⏱️ Pomodoro Timer (NEW!) Preset modes: Work (25min), Study (45min), Quick (15min) Short and long break modes Session tracking Daily/weekly stats Productivity streaks 💬 Daily Affirmations (NEW!) Daily rotating inspiration 10 categories (motivation, health, self-love, success, gratitude, etc.) Random affirmation generator Share functionality Featured affirmations 📊 Analytics Dashboard Progress charts and visualizations Weekly reports with insights Streak calendar Achievement tracking 👥 Friends & Social (NEW!) Add friends Leaderboard competition Friend progress tracking 📱 Mobile-First Design Responsive layout for all devices Modern glassmorphism UI Dark theme with gradient accents 📤 Export Options PDF export for wellness plans Share links for plans Tech Stack Frontend React 18 with Vite TailwindCSS for styling Framer Motion for animations Recharts for data visualization React Router v6 for navigation jsPDF for PDF generation Backend Node.js with Express MongoDB with Mongoose JWT authentication bcryptjs for password hashing Express-validator for validation 🚀 Vercel Deployment Quick Deploy Links Frontend: Deploy to Vercel directly from the frontend folder Backend: Deploy to Vercel directly from the backend folder Step 1: Deploy Backend Go to Vercel and sign in Click "Add New..." → "Project" Import your GitHub repository Select the backend folder Configure Environment Variables: VariableValueMONGODBURIYour MongoDB Atlas connection stringJWTSECRETAny random string (e.g., wellnesshub-secret-2024)EMAILUSERYour Gmail address for OTPEMAILPASSYour Gmail App PasswordOPENAIAPIKEYYour OpenAI API key (optional)Click "Deploy" Step 2: Deploy Frontend In Vercel, create another project for the frontend folder Configure Environment Variables (optional): VariableValueVITEAPIURLYour backend URL (e.g., https://backend-xxx.vercel.app)The frontend will automatically route /api/ requests to your backend Click "Deploy" Getting MongoDB Atlas URI Go to MongoDB Atlas Create a free account Create a free cluster Create a database user Click "Connect" → "Connect your application" Copy the connection string Replace <password> with your database password Getting Gmail App Password Go to your Google Account Enable 2-Factor Authentication Go to Security → App passwords Create a new app password for "Mail" Use that password in EMAILPASS Local Development Prerequisites Node.js (v18+) MongoDB (local or Atlas) npm or yarn Installation Clone the repository bash cd WellnessHub Install backend dependencies bash cd backend npm install Install frontend dependencies bash cd frontend npm install Configure environment variables Create a .env file in the backend directory: PORT=5000 MONGODBURI=mongodb://localhost:27017/wellnesshub JWTSECRET=yoursecretkeyhere NODEENV=development Start MongoDB bash mongod Start the backend server bash cd backend npm run dev Start the frontend development server bash cd frontend npm run dev Open your browser Navigate to http://localhost:5173 Project Structure WellnessHub/ ├── backend/ │ ├── config/ │ │ └── db.js # MongoDB connection │ ├── data/ │ │ └── affi...