"Strong"

A PROJECT REPORT SUBMITTED TO

THE NATIONAL INSTITUTE OF ENGINEERING, MYSURU
(An Autonomous Institute under VTU, Belagavi)

In partial fulfillment of the requirements for Project work (Database Laboratory CS5L02),
fifth semester

Bachelor of Engineering in
Computer Science and Engineering
Submitted by
Prateek Kumar Choubey(4NI20CS067)
Ritesh Bagati(4NI20CS078)
Ruchith Ramesh(4NI20CS080)

Under the Guidance of

Dr. Annapurna V K Mrs. Poornima N Mrs. Amitha S

Professor Assistant Professor Assistant Professor

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

2022-2023

1
 DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

THE NATIONAL INSTITUTE OF ENGINEERING

CERTIFICATE
This is to certify that the project work entitled “Strong” is a work carried out by Prateek Kumar
Choubey(4NI20CS067) , Ritesh Bagati(4NI20CS078) and Ruchith Ramesh(4NI20CS080) in
partial fulfillment for the project work (Database Laboratory – CS5L02), fifth semester, Computer
Science & Engineering, The National Institute of Engineering (Autonomous Institution under
Visvesvaraya Technological University, Belagavi) during the academic year 2022-2023. It is certified
that all corrections and suggestions indicated for the Internal Assessment have been incorporated in the
report deposited in the department library. The project work report has been approved in partial
fulfillment as per academic regulations of The National Institute of Engineering, Mysuru.

Signature of the Internal Guides Signature of the HoD

Dr.Annapurna V K Mrs.Poornima N Mrs.Amitha S Dr.Yuvaraju B N

Professor Assistant Professor Assistant Professor Professor and Head
Dept. of CS&E
NIE, Mysuru

Signature of the Examiners with date

Name: Name:
Designation: Designation:

2
ACKNOWLEDGEMENT

We have taken a lot of effort into this project. However, completing this project would not have been
possible without the support and guidance of a lot of individuals.

We would like to extend our sincere thanks to all of them. We are highly indebted to our mentors Dr.
Annapurna V K , Mrs. Poornima N and Mrs. Amitha S for their support, persistent encouragement,
constant supervision and guidance in completing our project. It was a great learning experience.

We would also like to thank our college for providing us all the necessary resources for the project.
We would also like to express our gratitude towards our parents & our friends for their kind co-
operation and encouragement which helped us a lot in completing this project.

All in all, we would like to thank everyone involved in this project and helped us with their
suggestions to make the project better.

-Prateek Kumar Choubey

-Ritesh Bagati
-Ruchith Ramesh

3
 TABLE OF CONTENTS

Contents Page

1. Introduction 06 - 07

2. System Analysis 08 - 09

3. System Design 10 - 12

4. System Implementation 13 - 15

5. System Testing 16 - 17

6. Results 18 – 21

7. Conclusion and Future Enhancements 22

8. References 23

4
 LIST OF FIGURES

Figure No. Description

2.1 Existing System

2.2 Disadvantages

2.3 Proposed System

2.4 Technology Used

3.1 MVT Model

3.2 Entity Relationship Diagram

4.1 Overview of the dashboard

4.2 Functions implemented

5.1 Unit Testing

5.2 Integration Testing

5.3 Validation Testing

5.4 User Acceptance Testing

6.1 Landing Page

6.2 Dashboard

6.3 Entering Basic Details

6.4 Searching Exercises

6.5 Entering Log

6.6 Showing Mucle Group Involved

6.7 Showing Exercise Log in Graph Represention

5
6
 Chapter 1

INTRODUCTION

The advancement of technology has brought ease to the stressful life of human beings. The
prevalence of mobile technologies enables us to constantly be in touch with the world. By this,
different aspects of our lives are brought together for easy access. For instance, a person could be
making finishing touches with his presentation for next day, discussing with his/her spouse about
dinner, booking a flight for a weekend trip, to mention a few, all in the same place and likely
simultaneously.

Planning your workout routine is important, but just as important is to log what exercises you did
and how well you did them. This workout tracker will help you record your fitness progress.

In any fitness journey, it's essential to set goals and slowly move towards them. But too many people
spend time on the planning aspect rather than execution. If you don't track your workouts, you won't
have a realistic picture of your progress so far, and you won't be able to set realistic goals. But by
logging all your exercises and improvements, you'll get a clear idea of where you stand in your
fitness journey.

Strong is a simple workout tracker to use while still offering plenty of features. Once you register,
you can add any new workout by choosing from Strong's recommended exercises.

For each workout, you can select multiple exercises from Strong's library. Each exercise has
different parameters you can count, like sets, reps, weight and a combination of these. Fill the boxes
as you complete your exercises, and Strong will save them for you. You can revisit your history of
workouts to see your progress.

7
Objectives of the project:

1. Logging workout

2. Check history of the workouts

3. To check one rep max of every exercise

4. To get details of exercises

5. Shows muscle group involved

6. Shows data in a graphical way.

7. Logs basic data like date of birth, body weight and height.

8
Chapter 2

SYSTEM ANALYSIS
Existing System :

Generally, Platforms like Nike fit, and Nike training are used for a fixed routine training. These
applications are not flexible with users as different users has different demands according to their goal
and age. Also, these are mobile applications which are heavy on memory and needs fast internet.

DISADVANTAGES

 Not available in web application format

 Gives a fixed routine
 Not flexible with the users
 No information about exercises
 No display of affecting muscle groups

Proposed System :

Created this fitness app using React, Firebase, and Bootstrap 4 to track my fitness progression and to
understand which muscle(s) is being targeted for each exercise routine. The application is
incorporated using a firebase API built to dispatch exercises along with their descriptions allowing
the user to search the proper techniques used for each activity within the app.

The API is link to an SVG node resembling the human body which encompasses children nodes --
each representing a particular muscle or muscle group that comprises the anatomical structure. When
a user clicks or response to an exercise each muscle mutates its color to highlight which muscles are
being targeted. The application stores my information in the database and logs the workout. The app,
using D3.js, displays an interactive bar chart to

show the max-weight achieved for each workout.

9
Hardware Requirements:

1. 4 GB RAM

2. Window 8 or above

Software Requirements:

1. Google Chrome

Technologies Used:

Front-End:

1. React

The React.js framework is an open-source JavaScript framework and library developed by Facebook.
It’s used for building interactive user interfaces and web applications quickly and efficiently with
significantly less code than you would with vanilla JavaScript.

2. Bootstrap4

Bootstrap 4 is a newer version of Bootstrap, which is the most popular HTML, CSS, and JavaScript
framework for developing responsive websites.

Back-End:

1. Firebase

Firebase is a Backend-as-a-Service (Baas). It provides developers with a variety of tools and services
to help them develop quality apps, grow their user base, and earn profit. It is built on Google’s
infrastructure.

10
Chapter 3

SYSTEM DESIGN

Design is the first step in the development phase for any techniques and principles for the purpose of
defining a process or system in adequate detail to allow its physical realization.
A database is a collection of interrelated data stored with minimum redundancy to serve many users
quickly and efficiently. The general objective is to make database access easy, quick, inexpensive and
flexible for the user. Relationships are established between the data items and unnecessary data items
are removed. Normalization is done to get an internal consistency of data and to have minimum
redundancy and maximum stability. This ensures minimizing data storage required, minimizing
chances of data inconsistencies and optimizing for updates.

It uses MVT (model view template) architecture. MVT is a software design pattern for developing a web
application.

It has the following three part:

Model: The model is going to act as the interface of your data. It is responsible for maintaining data. It
is the logical data structure behind the entire application and is represented by a database.

View: The View is the user interface — what you see in your browser when you render a website. It is
represented by HTML/CSS/Javascript.

Template: A template consists of static parts of the desired HTML output as well as some special syntax
describing how dynamic content will be inserted.

11
Fig 3.1 – Flow of MVT architecture

12
ER Diagram :

The ER diagram basically explains the design of our database, it is essential for modelling the data in a
database. It helps everyone understand the foundations of the data that is going to be stored within the
database.

13
Chapter 4

SYSTEM IMPLEMENTATION

Fig 4.1: dashboard

14
 Implementation process is used to convert system specifications to executable system. In this
phase, we convert the design to user friendly views with front end and back end systematic logics to
perform functionalities. It involves careful planning, investigation of the current system and its
constraints on implementation, design of methods to achieve the change over, an evaluation of change
over methods. A comfortable language and suitable tools were selected in the process of coding and
development. The codes were written and arranged in a readable format. Comments are added for
special logics to help in future implementation.

The system has following models:

 Landing Page-made using ReactJS and Material UI

 Login Page-option for sign up or login using firebase
 Dashboard -to show details of exercises by searcing
 Analytics-data in graphical way

15
The functions implemented are:

 A Login page for authentication purpose

 Sign Up Verification
 Allows users to view exercise log
 Show User Profile
 Update User Profile
 Entering Exercise Log
 Show entered data in the form of bars
 Can check last 7 day data.

16
 Chapter 5

SYSTEM TESTING
Software testing is a critical component of software quality assurance that represents the ultimate
analysis of specification, design and code generation of software product. The testing method is
basically the combination of Verification and Validation. Validation refers to testing whether the
system satisfies the requirements while verification refers to whether the system implements the
specified functions properly. Basic goals of test evaluation is determining whether the promises
about the invention by the supplier and the requirements of the customer are met on an acceptable
level. Software testing and implementation are iterative processes. Most of the time both stages work
as simultaneous system components. The proposed system was tested while the development was
ongoing.

As the part of system testing we execute the program with the intent of finding errors and missing
operations and also a complete verification to determine whether the objectives are met and the user
requirements are satisfied. The ultimate aim is quality assurance. Tests are carried out and the results are
compared with the expected document. In the case of erroneous results, debugging is done. Using detailed
testing strategies a test plan is carried out on each module. The various tests performed are unit testing,
integration testing and user acceptance testing.

UNIT TESTING
The software units in the system is are modules and routines that are assembled and integrated to perform a
specific function. As a part of unit testing we executed the program for individual modules independently.
This enables, to detect errors in coding and logic that are contained within each of the three module. This
testing includes entering data that is filling forms and ascertaining if the value matches to the type and
entered into the database. The various controls are tested to ensure that each performs its action as required.

INTEGRATION TESTING
Data can be lost across any interface, one module can have an adverse effect on another, sub functions
when combined, may not produce the desired major functions. Integration testing is a systematic testing to
discover errors associated within the interface. The objective is to take unit tested modules and build a
program structure. All the modules are combined and tested as a whole. Here the admin module, sec
module and student module options are integrated and tested. This testing provides the assurance that the
17
application is

18
well integrated functional unit with smooth transition of data.

VALIDATION TESTING
At the culmination of integration testing, software is completely assembled as a package,interfacing
errors have been uncovered and corrected, and a final series of software tests,validation testing was
carried out.

Validation testing can be defined in many ways, but a simple definition is that validation succeeds
when the software functions in a manner that can be reasonably expected bythe customer/user.

USER ACCEPTANCE TESTING

User acceptance of a system is the key factor for the success of any system. The system under
consideration is tested for user acceptance by constantly keep the records of applicants and making
changes to the details and password whenever required. When that user fined no major problems with
its accuracy, the system passers through a final acceptance test. This test confirms that the system
needs the original goals, objectives and requirements established during analysis without actual
execution which elimination wastage of time and money acceptance tests on the shoulders of users
and management, it is finally acceptable and ready for the operation.

19
Chapter 6

RESULTS

1. Landing Page

2. Dashboard

20
3. Basic Details

4. Searching exercise

5. Entering Log

21
6. Showing Muscle Group Involved

7. Showing Exercise Log in Graph Representation of last 7 days

22
23
CONCLUSION
The main purpose of Strong is to improve efficiency and to provide improved functionality of
managing Exercise logs. Providing prompt responses to users through use of a system and efficient
data storage will allow this to happen. The system is not designed to replace the existing applications
but to add the lacking features.
Throughout this project, valuable knowledge has been gained. We’ve learned many things about fact
gathering techniques in actual environment. This project gave us the opportunity to gain the
experience of an actual web developer. It helped to understand how project planning should be done
and had opportunity to collaborate in a team and improve skills. It also had a great lesson about time
management. This project gave us the chance to gain knowledge about development tools such as
JavaScript, ReactJS, firebase, SVG etc. This was the first experience about web hosting and domains.
Theories, techniques and technologies that learnt throughout the Database Management Systems
course was very valuable for this project.

24
 FUTURE ENHANCEMENTS

1. Calorie Calculator to make it a complete health app.

2. Can include social sharing buttons.

3. Proivide BMI of the user

REFERENCES

1. https://developer.mozilla.org/en-US/docs/Web/SVG
2. https://github.com/d3/d3
3. https://reactjs.org/

25