Fitness Diary

24hr personalized fitness diary that's used to keep track of your unique progress in the gym!

Comment

Inspiration

When I first got into working out I would use the notes provided on my phone to keep track of my work. With this, the issue I always had was I also used my notes for other things as well.

What it does

An application designed just for keeping track of your fitness is like a diary. We made this application with simplicity in our mind. A user first has to create an account and once they create it they will be prompted to our homepage where we explain about our app and how it benefits us users. Then when they go to the exercise tab they then can create a workout they do and log how much weight,set,reps they do

How I built it

We used HTML/CSS/JS for the front-end development and PHP for backend development. We used GCP for hosting the application and database. Below are some key steps which we followed for building the project:

  1. Google Cloud Platform setup: We created server in Google using Compute Engine for hosting the code files like HTML/CSS/JavaScript and PHP as backend. We used Xampp server as our software for hosting the entire application. Also, we created a MySQL database in GCP using Cloud SQL which offers PaaS.
  2. Other cloud configurations: We configured the networking, firewall and security (user accounts) aspects of the servers that is required for accessing the services and web app from on premises or internet.
  3. Database Design: Created database design like what is the schema and what are the tables. Later we created relevant tables inside the database via MySQL Workbench.
  4. Mockups: We designed basic mockups for the UI.
  5. Session Management: Created Login, Logout, Session Management functionality where hash of the password gets stored inside database for better security.
  6. Landing Pages/Other Pages: We were working in parallel to develop the landing pages and other relevant pages.
  7. Wiring up: Further we had to wire-up everything like landing pages with login/logout and session management features.
  8. Deploy: Lastly, we deployed the relevant code files to the web server which we had created in Google Cloud i.e. inside compute engine

Challenges I ran into

Early struggles with getting the foundation of the app. Being able to create dynamic forms based on user input along with the session management and login/logout functionality. Also, GCP was a new exploration area for us.

Accomplishments that I'm proud of

Create a functional exercise tracker where you can pass on data to keep track of. Learning GCP and able to host the entire application on GCP compute engine with MySql database in Cloud SQL was one of the key accomplishment. Also, not to forget that implementing the session management and login/logout feature was also new to everyone of us in the team and we are proud to successfully complete that feature.

What I learned

How to bring an HTML/CSS application to life using Javascript and PHP as backend. Also, GCP is one of the important learnings out of this hackathon.

What's next for Fitness Diary

Create a visual chart of the progress you have made. It's done using a graph. Another thing is using an exercise API such we get to provide new users with types of workouts to choose from.

Share this project:

Updates