Be Healthy

The landing page introduces the Be Healthy app, designed to promote physical fitness, healthy eating, workouts, and mental well-being, with a theme toggle for light/dark modes.

Only the BMI Calculator is accessible without login; other features require user authentication.

• Engaging introduction to health and wellness features
• Light/dark theme toggle for personalized experience
• Restricted access to most features without login
• Responsive design for all devices

Unauthenticated users are directed to the /login route with a login form, and can navigate to the /register route to create an account with name, email, and secure password.

MongoDB stores passwords as hashed values for security, and post-registration, users are redirected to the login page.

• Secure login and registration with MongoDB
• Hashed password storage for data protection
• Seamless navigation between login and registration
• Responsive form design for all devices

The Profile Settings section allows users to upload, change, or delete their profile picture, and update name, bio, phone number, and password (with current password verification).

Users can also log out from this page, ensuring secure session management.

• Editable profile with photo management
• Secure password updates with verification
• Logout functionality with redirection
• Responsive profile interface

The Dashboard provides a centralized overview, initially empty, that dynamically updates with summaries of user activity across BMI, recipes, nutrition, workouts, goals, and meditation.

It serves as a hub for tracking progress across the app’s features.

• Dynamic activity summaries for user engagement
• Real-time updates with MongoDB integration
• Responsive layout for progress tracking
• Centralized hub for all health features

The BMI Calculator, accessible without login, allows users to input age, height (feet/cm), weight (kg/lbs), and gender to calculate BMI, view body condition, and see a chart of BMI ranges.

Users can recalculate BMI as needed for updated results.

• Input fields for age, height, weight, and gender
• BMI result with body condition analysis
• Visual chart for BMI range comparison
• Recalculation functionality for flexibility

This feature provides a daily meal plan tailored to the user’s BMI and body condition, offering three meal options for each of five daily meals.

Users can select one meal per time slot and revisit/reselect meals anytime.

• Personalized meal plans based on BMI
• Three meal options for five daily slots
• Flexible meal selection and reselection
• Responsive meal plan interface

The Nutrition Tracker displays total calories and nutritional breakdown for meals completed from the daily plan, updating dynamically as users log meals.

For example, it shows calories/nutrients for three of five meals consumed.

• Real-time calorie and nutrient tracking
• Dynamic updates based on meal completion
• User-friendly nutritional breakdown display
• MongoDB-backed data persistence

The Workout Planner suggests four workout plans based on BMI and body condition: two for six days a week and two for five days a week.

Users can select a plan and switch to another if their needs change.

• Tailored workout plans for varying schedules
• Flexible plan selection and reselection
• BMI-based workout recommendations
• Responsive workout plan interface

Users can select from 15 daily habits related to nutrition, exercise, sleep, mental health, and hydration to set personal wellness goals.

Goals can be modified or reset at any time for flexibility.

• 15 habit options for goal setting
• Flexible goal modification and reset
• Comprehensive wellness categories
• User-friendly goal management interface

This feature offers 15 tips and instructions to improve mental health and build resilience, with options to revisit and reselect practices.

• 15 meditation tips for mental well-being
• Flexible selection of meditation practices
• Responsive and calming interface design
• Support for mental health resilience

The Health Coach provides information on 50 common minor ailments and their first-aid treatments, e.g., searching 'fever' displays at-home relief options.

• Searchable database of 50 minor ailments
• Practical first-aid treatment information
• User-friendly health resource interface
• MongoDB-backed data retrieval

The Community section allows users to view posts from other Be Healthy users and create, edit, or delete their own posts to foster connection and motivation.

• View and interact with community posts
• CRUD operations for user-generated posts
• Responsive community engagement interface
• MongoDB-backed post storage

Built with Next.js for server-side rendering and dynamic routing, ensuring fast performance and SEO-friendly content delivery.

Integrates MongoDB for real-time user and health data management, with Tailwind CSS for responsive, utility-first styling.

• Next.js dynamic routing for feature pages
• MongoDB for secure data storage and retrieval
• React hooks for state and effect management
• Tailwind CSS for consistent, responsive design
• Optimized performance for health app functionality