“Gymwolf” is my second team project by cloning the user interface and functionalities of a “gymwolf.com”
Creating a website with new team members, learning more and practising with it is exciting. We work remotely on this project.
Our team name is ‘Potassium’ which consists of 3 team members:
- Arshad Ali
- Chirag Agarwal
- Sahil Sachdev
Following pages of the website are cloned:
- ‘Progress’ Page
- Calculator Page
- Exercise and Plane Page
- Main Page Page
Firstly Let me tell you about my work in this project, I have created Progress page, Calculator page, Exercise and Plane page.
Progress Page: With embedded graph functionality.
- I used the CSS hover effect of this page to show the detail of every item by hovering on it.
Exercise and Plane Page:
- In this page, the user will add and delete their exercise planes and planes will display in My exercise. This data will be stored in localStorage of the browser, according to this data “Progress Page” graph will display you the progress of your exercise.
Homepage Page: with embidded video
Created by Sahil Sachdev.
Main Page Page Page:
Created by Chirag Agarwal
- If you click on a new workout button input popup will generating there you will add your new workout plane.
- This page shows the list of the user by clicking on the user button.
Coding Style: Understanding the coding style of other team member was a challenge although we set some rules before starting the project with practice and time we got comfortable with each other's coding style.
Hope you liked the user interface, there is always room for improvement and we sure will improve this project further.