myfitnesspal is a fitness app.Losing weight isn't easy - we know. But with a membership to MyFitnessPal.com, you'll get the tools you need to successfully take weight off - and keep it off. And best of all, you can signup for free, no strings attached. So put away your credit card - you'll never have to pay a cent.
In this project we have tried to enhance the cloning of “myfitnesspal” website using frontend with React Js, Material UI, Bootstrap, redux and backend with validations, authentications and much more. We had build up all our efforts to do our best in this project. As, the Masai School's Mentorship was specifically to build up our skills and we also accordingly implemented all that teachings in our project to look it at its best. Team collabration was the most crucial part to get successfully completed on time.
Tech Stack in Frontend:
- React Js
- Bootstrap
- CSS3
- HTML
- Redux
- Material UI
Tech Stack in Backend:
- Mongo DB
- Node JS
- Express JS
-
You will get fitness and health care related Advices from professionals.
-
Online consulting on lossing or gaining weight as per preferences.
-
Dynamic pages with Routing features and state management.
You are on our Landing page now. you get to see what are things our website provides before signing in.
User need to login before purchasing products from “myfitnesspal”. If user's are existing user they can login and if they are not existing user then they can register using sign up.
To login User has to enter their Phone number and password to log into the website.
To signup User has to register the by entering their name , email, phone number, password and then the things you want to do like losing or gain weight preferences and click on the "create account" button. You are now succesfully logged In.
Some questions required to be answer during sign up...
After succesful login you wiil be redirected to home page where you can see the advices to follow.
You can see the blog page by just clicking on the "blog " on the navigation bar. On cliking you can get blogs written by some people who already used this app. click on the articles and see the whole story on the article.
you can go to premium page on clicing "premium" on the Navbar. you can get many intreseting offers in premium subscription and explore all of that.
We created cloud database using MongoDb Atlas. So, if you want to run our code then please read the instructions below :
- Clone our repository
https://github.com/Ravindraapps/MyFitnesspalCWP.git - Open terminal in your VS Code and run the command
npm installwhich will install all packages. - Open terminal in your VS Code and run the command
npm start - Open corresponding terminal in your VS Code and run the command
json-server db.json --port 3001 --watch - It will redirect to browser
- Now you can see landing page
- Then you can Navigate through other pages from Landing page to other pages.