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.0Additional 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 categoriesFeatures🎯 User OnboardingGoal selection (weight loss, stress relief, fitness, better sleep, mental clarity, healthy eating)Personalized profile setup with fitness level assessment🤖 AI-Powered Wellness PlansPersonalized diet recommendationsCustomized workout routinesMeditation and mindfulness schedulesOptimized sleep schedules✅ Habit TrackerDaily habit tracking with streaksGamified rewards systemBadges and achievementsLevel progression (1-50)🧘 Daily Mindful BreaksStretching exercisesBreathing techniques (4-7-8, box breathing)Hydration remindersQuick meditation sessions🏆 Community ChallengesCreate and join wellness challengesTrack progress with leaderboardsFairDraw - Transparent random winner selection using SHA-256 hashMultiple challenge types (steps, meditation, water, eating, workout)💧 Water Intake Tracker (NEW!)Visual progress circle with percentageQuick add buttons (100ml, 200ml, 250ml, 500ml)Custom amount inputDaily goal setting (1.5L - 3L)Streak trackingHistory log😴 Sleep Tracker (NEW!)Log bedtime and wake timeSleep quality rating (1-5)Weekly average statsSleep history calendarSleep tips and recommendations😊 Mood Tracker (NEW!)Emoji-based mood selectionEnergy level trackingStress level trackingActivity loggingGratitude entriesMood trends and insightsCalendar view⏱️ Pomodoro Timer (NEW!)Preset modes: Work (25min), Study (45min), Quick (15min)Short and long break modesSession trackingDaily/weekly statsProductivity streaks💬 Daily Affirmations (NEW!)Daily rotating inspiration10 categories (motivation, health, self-love, success, gratitude, etc.)Random affirmation generatorShare functionalityFeatured affirmations📊 Analytics DashboardProgress charts and visualizationsWeekly reports with insightsStreak calendarAchievement tracking👥 Friends & Social (NEW!)Add friendsLeaderboard competitionFriend progress tracking📱 Mobile-First DesignResponsive layout for all devicesModern glassmorphism UIDark theme with gradient accents📤 Export OptionsPDF export for wellness plansShare links for plansTech StackFrontendReact 18 with ViteTailwindCSS for stylingFramer Motion for animationsRecharts for data visualizationReact Router v6 for navigationjsPDF for PDF generationBackendNode.js with ExpressMongoDB with MongooseJWT authenticationbcryptjs for password hashingExpress-validator for validation🚀 Vercel DeploymentQuick Deploy LinksFrontend: Deploy to Vercel directly from the frontend folderBackend: Deploy to Vercel directly from the backend folderStep 1: Deploy BackendGo to Vercel and sign inClick "Add New..." → "Project"Import your GitHub repositorySelect the backend folderConfigure Environment Variables:VariableValueMONGODB_URIYour MongoDB Atlas connection stringJWT_SECRETAny random string (e.g., wellnesshub-secret-2024)EMAIL_USERYour Gmail address for OTPEMAIL_PASSYour Gmail App PasswordOPENAI_API_KEYYour OpenAI API key (optional)Click "Deploy"Step 2: Deploy FrontendIn Vercel, create another project for the frontend folderConfigure Environment Variables (optional):VariableValueVITE_API_URLYour backend URL (e.g., https://backend-xxx.vercel.app)The frontend will automatically route /api/* requests to your backendClick "Deploy"Getting MongoDB Atlas URIGo to MongoDB AtlasCreate a free accountCreate a free clusterCreate a database userClick "Connect" → "Connect your application"Copy the connection stringReplace <password> with your database passwordGetting Gmail App PasswordGo to your Google AccountEnable 2-Factor AuthenticationGo to Security → App passwordsCreate a new app password for "Mail"Use that password in EMAIL_PASSLocal DevelopmentPrerequisitesNode.js (v18+)MongoDB (local or Atlas)npm or yarnInstallationClone the repositorybash cd WellnessHubInstall backend dependenciesbash cd backend npm installInstall frontend dependenciesbash cd frontend npm installConfigure environment variablesCreate a .env file in the backend directory:PORT=5000 MONGODB_URI=mongodb://localhost:27017/wellnesshub JWT_SECRET=your_secret_key_here NODE_ENV=developmentStart MongoDBbash mongodStart the backend serverbash cd backend npm run devStart the frontend development serverbash cd frontend npm run devOpen your browser Navigate to http://localhost:5173Project StructureWellnessHub/ ├── backend/ │ ├── config/ │ │ └── db.js # MongoDB connection │ ├── data/ │ │ └── affirmations.js # Daily affirmations data │ ├── middleware/ │ │ └── auth.js # JWT authentication │ ├── models/ │ │ ├── User.js # User schema │ │ ├── WellnessPlan.js # Wellness plan schema │ │ ├── Habit.js # Habit schema │ │ ├── Challenge.js # Challenge schema │ │ ├── WaterIntake.js # Water intake schema (NEW!) │ │ ├── SleepLog.js # Sleep log schema (NEW!) │ │ ├── MoodLog.js # Mood log schema (NEW!) │ │ ├── BodyMetrics.js # Body metrics schema (NEW!) │ │ ├── NutritionLog.js # Nutrition log schema (NEW!) │ │ ├── PomodoroSession.js # Pomodoro schema (NEW!) │ │ ├── MeditationSession.js # Meditation schema (NEW!) │ │ ├── Friend.js # Friends schema (NEW!) │ │ ├── ProgressPhoto.js # Progress photos schema (NEW!) │ │ └── DailyAffirmation.js # Affirmations schema (NEW!) │ ├── routes/ │ │ ├── auth.js # Auth routes │ │ ├── plans.js # Wellness plan routes │ │ ├── habits.js # Habit routes │ │ ├── challenges.js # Challenge routes │ │ ├── breaks.js # Mindful break routes │ │ ├── analytics.js # Analytics routes │ │ ├── water.js # Water intake routes (NEW!) │ │ ├── sleep.js # Sleep routes (NEW!) │ │ ├── mood.js # Mood routes (NEW!) │ │ ├── body.js # Body metrics routes (NEW!) │ │ ├── nutrition.js # Nutrition routes (NEW!) │ │ ├── pomodoro.js # Pomodoro routes (NEW!) │ │ ├── meditation.js # Meditation routes (NEW!) │ │ ├── friends.js # Friends routes (NEW!) │ │ └── affirmations.js # Affirmations routes (NEW!) │ ├── utils/ │ │ ├── fairdraw.js # FairDraw SHA-256 implementation │ │ ├── aiPlan.js # AI plan generation │ │ └── email.js # Email utilities │ ├── server.js # Express server │ └── package.json ├── frontend/ │ ├── public/ │ ├── src/ │ │ ├── components/ │ │ │ ├── Layout.jsx │ │ │ ├── Sidebar.jsx │ │ │ ├── Header.jsx │ │ │ ├── Toast.jsx │ │ │ └── ErrorBoundary.jsx │ │ ├── pages/ │ │ │ ├── Landing.jsx │ │ │ ├── Login.jsx │ │ │ ├── Register.jsx │ │ │ ├── OTPLogin.jsx │ │ │ ├── EmailVerify.jsx │ │ │ ├── Onboarding.jsx │ │ │ ├── Dashboard.jsx │ │ │ ├── WellnessPlan.jsx │ │ │ ├── Habits.jsx │ │ │ ├── Challenges.jsx │ │ │ ├── MindfulBreaks.jsx │ │ │ ├── Analytics.jsx │ │ │ ├── Achievements.jsx │ │ │ ├── Profile.jsx │ │ │ ├── WaterTracker.jsx (NEW!) │ │ │ ├── SleepTracker.jsx (NEW!) │ │ │ ├── MoodTracker.jsx (NEW!) │ │ │ ├── PomodoroTimer.jsx (NEW!) │ │ │ └── DailyAffirmation.jsx (NEW!) │ │ ├── context/ │ │ │ └── AuthContext.jsx │ │ ├── utils/ │ │ │ └── api.js │ │ ├── App.jsx │ │ ├── main.jsx │ │ └── index.css │ ├── index.html │ ├── vite.config.js │ ├── tailwind.config.js │ └── package.json ├── SPEC.md └── README.mdAPI EndpointsAuthenticationPOST /api/auth/register - Register new userPOST /api/auth/login - Login userGET /api/auth/me - Get current userPUT /api/auth/profile - Update profileWellness PlansPOST /api/plans/generate - Generate AI wellness planGET /api/plans - Get user's plansGET /api/plans/active - Get active planHabitsGET /api/habits - Get all habitsPOST /api/habits - Create habitPUT /api/habits/:id - Update habitDELETE /api/habits/:id - Delete habitPOST /api/habits/:id/complete - Complete habitChallengesGET /api/challenges - Get all challengesPOST /api/challenges - Create challengeGET /api/challenges/:id - Get challengePOST /api/challenges/:id/join - Join challengePOST /api/challenges/:id/fairdraw - Run FairDrawWater Tracking (NEW!)GET /api/water/today - Get today's water intakePOST /api/water/add - Add water intakePUT /api/water/goal - Update daily goalGET /api/water/history - Get water historySleep Tracking (NEW!)GET /api/sleep - Get sleep logsPOST /api/sleep - Log sleepGET /api/sleep/stats/weekly - Get weekly statsMood Tracking (NEW!)GET /api/mood - Get mood logsPOST /api/mood - Log moodGET /api/mood/trends - Get mood trendsGET /api/mood/calendar - Get calendar viewPomodoro (NEW!)GET /api/pomodoro/today - Get today's sessionsPOST /api/pomodoro/start - Start sessionPOST /api/pomodoro/end/:id - End sessionGET /api/pomodoro/stats/weekly - Get weekly statsAffirmations (NEW!)GET /api/affirmations/daily - Get daily affirmationGET /api/affirmations/random - Get random affirmationGET /api/affirmations/category/:category - Get by categoryFriends (NEW!)GET /api/friends - Get friends listPOST /api/friends/request - Send friend requestPOST /api/friends/accept/:id - Accept requestGET /api/friends/leaderboard - Get leaderboardAnalyticsGET /api/analytics/progress - Get progress dataGET /api/analytics/weekly-report - Get weekly reportFairDraw SystemThe FairDraw system ensures transparent and fair random winner selection using SHA-256 hash:Collect all eligible participant IDsAdd challenge seed (created timestamp + challenge ID)Add current timestamp for unpredictabilityGenerate SHA-256 hashUse hash to deterministically select winnerDisplay hash for transparency and verificationTroubleshooting"Unable to connect to server" errorMake sure MongoDB URI is set in Vercel backend environment variablesWait 30 seconds for the backend to restart after adding environment variables"Operation users.findOne() buffering timed out"MongoDB is not connected. Check your MONGODB_URI in Vercel401 Unauthorized errorsClear browser localStorage and try againMake sure you're using the latest deployed versionContributingFork the repositoryCreate your feature branch (git checkout -b feature/amazing-feature)Commit your changes (git commit -m 'Add some amazing feature')Push to the branch (git push origin feature/amazing-feature)Open a Pull RequestLicenseThis project is licensed under the MIT License.AcknowledgmentsDesign inspiration from modern wellness appsSHA-256 implementation for fair random selectionOpenAI API ready for AI integrationBuilt with ❤️ for your wellness journey