Clone of Fitness Blender Website
So, here I am again with a new project. I Himanshu Dwivedi, along with my teammates Mandar Satam and Anshu Sagar wanted to present you the pixel-perfect clone of the website Fitness Blender.
Fitness Blender is all about to track your daily workout, exercises and meal. It is a complete health package for you. Fitness blender has it’s own calendar to provide detailed, day-by-day plans, which create incredible, sustainable results.
Challenges — There are some challenges we faced during designing and planning our project. One of them was to make an API to extract the data and also designing the calendar which we were doing for the first time.
Taking data from one page and display that selected data to other page was another challenge for us but, we came up with an idea to store it in local storage as we were not using any server.
Functionalities — There are some functionalities in our cloned website which are listed below.
We have made the joining and sign in page. In order to sign in, User must have to create an account. During signing in, user has to fill valid username and password which the used while creating the account. After signing is they can see their profile picture and name on the navbar and, can access to the features listed below.
1. User can like the particular workout video and can see them separately on the favourite page. In case they changed their mind they can unlike from there and, it will be removed from the favourite page.
2. They can schedule any exercise on any particular day and it will be stored in the calendar and they can see that exercise on visiting calendar page also when they will hover on that day in the calendar a popup will appear showing the details of the exercise which were added. There is also a remove button in case the user is not interested in that exercise on that particular day.
3. There is also a page where the user can add the meal plans and it will show in the cart icon. They can view those items and can edit them too.
This was an overview of the clone of Fitness Blender.
Last but not the least, I would like to thank my brilliant team, who helped me to complete this awesome project also, wanted to Thank team Masai School, who given us the opportunity to build it.
Thank you for reading this. I hope you enjoyed it.
Please have a look at the clone of Fitness Blender on the Git-hub.
Some of the snaps of our cloned website:
