Cronometer-clone

Health And Neutrition App

We are in Unit-5 from Web-16 Batch students of Masai School

At the end of unit Masai team is assigned a project and the project is based on the technology we are learned in the whole unit in this project we are used React.JS React- Redux and React -Router-Dom Node.JS Chakra UI library.

Let’s take a look of our project : -

Github link : https://github.com/Mohd-Haroon/gusty-adjustment-6018

Live: https://cronometer-6018.netlify.app/

Blog: https://medium.com/@karinakhairnar/karina-khairnar-4f7349a02b9b

About Cronometer:

Cronometer — Health And Neutrition App

Cronometer is a website and app for counting calories and tracking your diet and health metrics. Also an health and neutrition app it provide a complete solution – no matter what diet you choose to be on. Cronometer is extremely accurate. Cronometer uses the USDA information for most of their nutritional information, as well as verifies all the info before user-added data is accepted into the database.

A Quick Tour of our Project
• Landing Page
• Header
• Footer
• Body(Home)
• Signup Page
• User Dashboard
The Tech Stack used:-:
• React
• Redux
• Chakra UI library
• Express js
• Mongodb

Flow of website Functionality was aligned as follows:- Home Page Login/Signup Screen by Screen Demo of Features Set Up Logging Food Creating Food + Recipes Data Analysis We focused on the functionality that we were able to build.

Platforms used:
• VS Code as IDE
• Slack for communication
• Git for collaboration
• Zoom for meets

Challenges

1. I remember Priviously we have face a lot of problems to merge all of the files in a proper sequence, because while merging and connecting all the pages some of the pages had the same name, and while running the site it was redirecting to some other pages so it was difficult to find the location and to rename the file.But now as nurpul sir said to create branch daily and merging the code in the same day, we did not face such challenges

Credits

• Images : cronometer.com
• Content : cronometer.com
• Icons : React Icons
• References : MDN Docs | W3School | Node Docs

Team

• Mohd Haroon Qureshi
• Sumit Beniwal
• Karina Khairnar
• K Prabina Choudhury

Our Experience Proper communication between team members leads to a hassle-free journey, right from the beginning of the week we all communicated through zoom for clearing doubts and checking each other’s progress till the last minute. Apart from problems like load shading and other technical problems like network issues, we managed to complete the project.