{

Fitness
Tracker
... }
 Team Members
Team B16-VIT BHOPAL

1. Devyaansh Dwivedi 20BCE10159

2. Harsh Khetan 20BCE10166

3. Rewti Raman 20BCE10175

4. Ishaan Rana 20BCE10195

02 Technologies Used

03 Front End Images

} ..
{ .. Introdution
● Welcome to the Fitness Tracker Website! Experience a revolutionary
approach to tracking and enhancing your fitness journey.
● Developed using the MERN Stack (MongoDB, Express.js, React.js, and
Node.js) for a powerful and seamless user experience.
● Features a user-friendly interface for easy goal setting, activity
tracking, and accessing a comprehensive workout and exercise
library.
● Engage in challenges, compete with others, and earn rewards to
stay motivated and inspired on your fitness journey.

} ..
02 { ..
Technologies Used

} ..
Here's a breakdown of each component in the project:

{ MongoDB Express.js
MongoDB is a NoSQL database
Express.js is a web application
that stores the application's
framework for Node.js. It
data. It provides flexibility
simplifies the process of
in handling different types of
building server-side applications
fitness-related information,
by providing a set of features
such as user profiles, activity
and utilities. Express.js handles

}
logs, and health statistics
HTTP requests and responses,
routing, and middleware
functions.
Here's a breakdown of each component in the project:

{ React.js Node.js
React.js is a JavaScript library Node.js is a JavaScript runtime
for building user interfaces. It built on Chrome's V8 JavaScript
enables developers to create engine. It allows developers to run
reusable UI components and JavaScript code on the server-side.
efficiently update the user Node.js provides the backend
interface based on changes in data. infrastructure for the fitness
React.js is used on the client-side tracker project, handling database
to create the interactive and operations, authentication, and

}
dynamic aspects of the fitness other server-side functionalities.
tracker application.
03 { ..
Front End Images

} ..
 Logged Exercise
Webpage
•

{
Logging Exercise:
 Easy exercise logging with
dropdown menus and input fields.
 Predefined and custom exercise
options for personalized
tracking.

• Progress Tracking and Insights:

... }
 Create New
Exercise Log
Webpage

{ • Logging Exercise:
 Easy and intuitive interface
for creating new exercise
logs.
 Customizable options for
exercise type, duration,
intensity, and additional
details.
• Exercise Details:
 Predefined exercise list and
option to add custom exercises
for personalized tracking.
 Inclusion of additional
details such as sets,
repetitions, or weight lifted
for a comprehensive exercise

...
log.

}
 Create New
Exercise Log
Webpage

{
• Date and Time Selection:
 Ability to specify the date
and time of the exercise
activity.
 Option to choose the current
date and time or select a
specific date for past or
future exercise logs.
• Integration and Confirmation:
 Seamless integration with
tracking and progress
features of the Fitness
Tracker Website.
 Confirmation message or
notification upon successful
creation of the exercise log.

... }
04 { ..
Goals and Objective

} ..
{ Goals Objectives
• • Develop a robust goal-setting
Enable users to set and
achieve their fitness goals feature and intuitive tracking
through comprehensive system for users' progress
tracking and monitoring. monitoring.
• • Curate a diverse library of
Foster a supportive
community by facilitating workouts and exercises, and
challenges and competitions incorporate gamification
elements for increased

}
among users.
engagement.
05 { ..
Conclusion

} ..
{ .. Conclusion
● In conclusion, the Fitness Tracker Website powered by the MERN Stack is a
comprehensive platform designed to revolutionize your fitness journey.
● With user-friendly features, intuitive goal setting, and robust tracking
capabilities, our website empowers you to take control of your fitness goals
and monitor your progress effectively.
● By providing a diverse library of workouts and exercises, we ensure that you
have access to a range of options that suit your fitness level and
preferences.
● Engage in challenges, compete with others, and earn rewards to stay motivated
and inspired throughout your fitness journey.
● Join us today and embark on a transformative path towards a healthier, fitter
lifestyle.

} ..
{

Thank You!!
... }