DEV Community

Harsh Gaur
Harsh Gaur

Posted on

How I made a cure.fit website clone in just 3 days? 🏋️‍♂️💻

Hi reader, I hope you have landed here while searching for web development project ideas or maybe you got this blog recommended by your friend, or you have randomly searched for web development or maybe www.cure.fit. Well, as you are here, I would like to tell you a bit about me first. I am Harsh Gaur and I have been learning web development at www.masaischool.com for over 2 months now. In this blog, I would like to share with you a little project that I and two of my fellow colleagues have made.

office

What is cure.fit and what did we actually achieve?🤔

If you have never visited www.cure.fit, it is a health and fitness company that provides services across fitness, nutrition, and mental well being. In our clone, we have tried to make all the sections and pages that one could find over there. We used a technology stack containing HTML5, CSS, JavaScript, and also CSS preprocessors like SASS and LESS to add more flavor to the website.

Initially, we tried building the website using REACT but reaching halfway we realized that we need to learn a few more concepts before making such a big project and we would not be able to complete the project before the deadline therefore we did it using the tech stack mentioned above.

There was just one major challenge that we faced while developing this project. As we were building it during the last few days of 2020, the website had many offers for customers and thus it was very dynamic in that duration, and sometimes it happened that once we had developed a section, the next day it was gone. Keeping the challenges aside we enjoyed getting our hands dirty and working on applying the things we have learned so far, such as managing user data using LocalStorage (something which the original website does too) and making the cloned project pixel perfect.

A little about the teammates and their contributions. 😇

office

I can't thank Pushpal Chakrabarty and ANKUR PANDEY enough, who worked hard for this project to become what it is today. I think the best way to thank them would be to mention their contribution and let their work speak for them.

Pushpal Chakrabarty was responsible for designing the landing page and all the features you'll find on that page. He took care of all the little, but important, things such as making the design of tickets which simply take the user experience to the next level. He also worked hard on the navbar to improve the design and make it look good at almost any screen resolution.

ANKUR PANDEY was responsible for designing the onlinePT page. He was the one who coined the idea of applying icon images on the title bar of each and every page. Though it was not a necessary thing, it was super important because it helped us achieved uniqueness as no one else had done that, and also it made the website look similar to the original one.

I on the other hand handled the cult store page, the product information page, the login and signup page, and the cart page. Out of all the pages I just mentioned, I also worked on adding a feature that puts a cute little icon over the cart whenever you add something to it. That icon shows you the number of items in the cart. I also worked with both of them to work on the pages you'll see in the profile section.

Though this project was not a piece of cake and neither our 3 days journey was all rainbows, I would say that managing these guys was fun. I used to merge all our codes at night and was tracking the progress of all of us. I found very few merge conflicts during merging, which is a good thing because it shows how flawlessly we worked.

Ending notes 🤸‍♂️

office

In our humble attempt to clone the www.cure.fit website we tried our best to achieve the preciseness with whatever limited knowledge we possess. Though this project was our attempt to work on the front side of things, we would surely be working on the backend in the future in order to make it perfect from the backend perspective too. I hope you liked our efforts.

If you want to check out the repository and try it yourself, please go to https://github.com/iharshgaur/Chlorine-1 and fork the repository.

Check out this medium article too:

In the end, I would like to thank you for sticking around to the end. Please like, share, and comment your suggestions down below.

Top comments (3)

Collapse
 
gomzi_consultingservices profile image
Gomzi Consulting Services Business

What is a Clinical Diet Program?
Our Clinical Diet Program is a customized dietary plan created by certified nutrition experts, designed to cater to your unique health needs and personal goals. It’s not just about following a generic meal plan—it’s about creating a strategy that fits seamlessly into your life, addresses any medical concerns, and helps you reach your desired level of health and wellness.

This approach recognizes that each individual is different, and that’s why your dietary needs should be as unique as you are. Whether you’re managing a chronic condition, dealing with food allergies, looking to lose weight, or simply improving your overall health, a personalized clinical diet can guide you every step of the way.

Why Choose a Clinical Diet Program?
Tailored to Your Unique Health Needs
One of the biggest advantages of a clinical diet program is the personalized approach. A diet that works for someone else might not be suitable for you. Certified dietitians work with you to develop a plan that aligns with your health goals, lifestyle, preferences, and medical history.

If you're dealing with diabetes, hypertension, digestive issues, or any other condition, our program incorporates foods that will manage or even alleviate symptoms, helping you feel better and thrive.

Weight Management Made Easy
For those looking to lose or manage weight, a clinical diet program offers sustainable solutions. Through expert guidance, you will learn about portion control, nutrient-dense foods, and strategies that help regulate metabolism, so that losing weight doesn’t mean sacrificing energy or vitality.

Medical Support and Guidance
For individuals with specific medical conditions like heart disease, kidney issues, or autoimmune disorders, a clinical diet is more than just a healthy eating plan—it’s a medical strategy. Our program includes close monitoring, adjustments based on your progress, and professional support every step of the way.

Long-Term Health Benefits
The goal of our Clinical Diet Program isn’t just to provide short-term results; it's about creating lasting changes that improve your health in the long run. By embracing a sustainable diet tailored to your body’s needs, you can expect increased energy, improved digestion, better sleep, and an overall enhanced quality of life.

What’s Involved in Our Clinical Diet Program?
Comprehensive Assessment
The first step in any clinical diet program is a thorough assessment of your health status. This includes understanding your medical history, current health conditions, lifestyle habits, and nutritional needs. This step is crucial for creating a diet plan that is both safe and effective for you.

Personalized Meal Plans
Based on your assessment, we develop a meal plan that suits your tastes, health goals, and specific dietary restrictions. You’ll receive balanced meal options designed to nourish your body and help you achieve your objectives.

Ongoing Support and Adjustments
Health and nutrition aren’t static; they evolve over time. Our certified experts will regularly check in with you to monitor your progress, answer any questions, and make adjustments to your plan as necessary. This ongoing support ensures that you stay on track and get the most out of your clinical diet.

Education and Empowerment
A key part of our program is teaching you about the foods you’re eating, how they impact your health, and how you can continue applying these principles in the future. Our goal is to empower you to make informed choices and understand the positive effects of nutrition on your long-term well-being.

Is the Clinical Diet Program Right for You?
If you're struggling with health issues that can be managed or alleviated through diet, or if you simply want to improve your general wellness, the Clinical Diet Program can provide the structure, support, and personalized attention you need to succeed. Whether you’re managing diabetes, looking to lose weight, dealing with food sensitivities, or just trying to eat more nutritious meals, this program is designed to meet your unique needs and support you every step of the way.

Start Your Journey to Better Health Today

There’s no one-size-fits-all approach when it comes to health and wellness. The Clinical Diet Program is tailored to support your personal journey, with an individualized approach that helps you feel your best.

Are you ready to take control of your health? Contact us today to learn more about how a Clinical Diet Program can help you achieve your goals, improve your well-being, and transform your life.

fggroup.in/community/dietitian-for...

Collapse
 
gomzi_consultingservices profile image
Gomzi Consulting Services Business

FGIIT offers a variety of courses keeping in mind the talent of the Indian youth and to develop more of those sectors which are declared as under skill development and also to identify new sectors for skill development. The main purpose is to create opportunities, space and scope for the individuals who were not able to get education after passing the 10th className. The reasons can be financial constraints, family problems, societal constraints or any other which forced them to stay behind.

fggroup.in/fgiit/courses

Collapse
 
kaustuvchatter profile image
Kaustuv Chatterjee

Hey, Great job man. How is acciojob.com/ . I found it to be way cheaper and some are saying ki it's better than most of the others in the market rn.