Lean and Lift

Introduction

In the modern era, maintaining a healthy lifestyle is increasingly important. With the rise of sedentary jobs and busy schedules, many individuals struggle to manage their health and wellness effectively. Numerous applications provide fitness tracking, diet planning, and wellness tips, but they often lack integration and personalization. This project aims to develop a unique platform that stands out in the market by offering a holistic and personalized approach to health management.

Deployed Links:

• Frontend: https://leanandlift.netlify.app/
• Backend: https://console.firebase.google.com/project/wellnessapp-537d4/overview

Project Type

• Frontend: The project is primarily a front-end project which utilizes a mock server to simulate the back-end.

Project Goal

• Create a best-in-class UI/UX.
• Develop a Health and Wellness Application that provides a holistic and personalized approach to health management.
• Help users track their physical activities, monitor their nutrition, manage mental wellness, and receive tailored health advice based on the data they provide.

Directory Structure

 
  Republic-Ruby_034/
 ├─ public/
 ├─ src/
 │ ├─ assets/
 │ ├─ Pages/
 |  ├─ AboutPage.jsx
 |  ├─ AdminPanel.jsx
 |  ├─ ArticlesPage.jsx
 |  ├─ Dashboard.jsx
 |  ├─ ForgetPasswordPage.jsx
 |  ├─ HomePage.jsx
 |  ├─ LoginPage.jsx
 |  ├─ ProfilePage.jsx
 |  ├─ RegisterPage.jsx
 |  ├─ ServicePage.jsx
 │ ├─ components/
 |  ├─ blogs/
 |   ├─ BlogDetail.jsx
 |   ├─ Blogs.jsx
 |   ├─ Data.jsx
 | ├─ LandingPages /  
 |  ├─ About.jsx      
 |   ├─ Features.jsx
 |   ├─ Footer.jsx
 |   ├─ ForgetPassword.jsx
 |   ├─ Goals.jsx
 |   ├─ GoogleAi.jsx
 |   ├─ Hero.jsx
 |   ├─ Login.jsx
 |   ├─ Navbar.jsx
 |   ├─ PagenotFound.jsx  
 |   ├─ Register.jsx 
 |   ├─ Solutions.jsx 
 |   ├─ Testimonials.jsx                   
 | ├─ ProfileInfo /
 |  ├─ ChangePlan.jsx
 |  ├─ ExerciseCalender.jsx
 |  ├─ FoodDetails.jsx
 |  ├─ ProfileDetails.jsx
 |  ├─ SelectedPlan.jsx
 | ├─ firebase /
 |  ├─ AuthRoute.jsx   
 |  ├─ FetchAllData.jsx
 | ├─ config/ 
 |  ├─ config.js
 |  ├─ firebase.js
 |  ├─  useAuth.js        
 | ├─ routes/
 |  ├─ AllRoutes.jsx/
 | ├─   react.svg
 ├─ .env
 ├─ .eslintrc.cjs
 ├─ .gitignore
 ├─ README.md
 ├─ index.html
 ├─ package-lock.json
 ├─ package.json
 ├─ vite.config.js

Video Walkthrough of the Project

A detailed walkthrough of all the features of our project can be found here:

• Video Walkthrough

Questions Based on the Project

Questions based on the project can be found here:

• Project Questions

Features

• User Authentication: Use services like Firebase or Supabase for user authentication.
• Physical Activity Tracking:
  • Allow manual input of exercise routines.
  • Provide workout recommendations based on user goals (e.g., weight loss, muscle gain).
• Nutrition Management:
  • Implement a food diary where users can log their meals.
  • Provide nutritional analysis and daily intake recommendations.
• Searching and Suggestions:
  • Implement search recommendations using an edit distance algorithm with debouncing.
• Booking Appointments with Doctors:
  • Use custom hooks with data structures and algorithms.
• Mental Wellness:
  • Include mindfulness exercises, meditation guides, and stress-relief activities.
  • Track mood and provide insights on mental well-being.
• Personalization:
  • Use user data to offer personalized health tips and reminders.
  • Create a health roadmap using a tree data structure unique for every user, redirecting users as they progress.
  • Implement a recommendation engine for workouts, meals, and wellness activities.
• Admin Side:
  • User Management: Handle user profiles, settings, and preferences using HashMaps.
  • Health Data Analytics Dashboard: Visualize data trends and user progress.
  • Support and Feedback Management: Provide a platform for user support and feedback.
• Database Solution: Use a database solution like Firebase or Supabase for the entire application.
• Market-Beating Feature (AI Health Assistant): Implement an AI-based health assistant (using OpenAI or Google Gemini API) that analyzes user data to provide real-time health advice, with an algorithm adjusting recommendations based on user feedback and progress.

Project and Team Management Guide

• Team Lead Responsibilities:
  • Create and assign tasks to group members, manage GitHub projects.
  • Handle people management and ensure the overall completion of the project within the deadline.
  • Conduct daily scrums to ensure tasks are implemented on time.
• Initial Steps:
  • Focus on market research and develop design guidelines (color schemes, typography, visual elements, animations, and visual assets).
  • Break down tasks and create a structured plan for project execution within the given deadline.
• Task Execution:
  • Team members should start working on their assigned tasks and features.

Tech Stack

The tech stack used for the project:

Frontend:

• React.js
• Chakra UI
• HTML
• CSS
• JavaScript
• Bootstrap

Backend:

• Firebase
• JSON Server

Screenshots

Home Page

Sign In Page

Sign Up Page

About Page

Article Page

Services Page

Profile Page

Mobile View

How to Use

To run this project locally:

1. Clone this repository : https://github.com/rambedade/Republic-Ruby_034.git to your local machine.
2. Open Terminal
3. Run npm run dev command
4. Explore the Lean & Lift website experience right from your device.

Contributors

• [Rameshwar Bedade] - https://github.com/rambedade
• [Deepak Dilip Maurya] - https://github.com/deep-maurya
• [Everus Lainus] - https://github.com/EverusLainus
• [Pawan Shankar Lekurwale] - https://github.com/plpatil1

Resource:

• How to Use GitHub for Project Management