hassanelnajjar / calorie-tracker

Join Our Family And Enjoy The Luxury Of A Healthy Body

Personal health tracker🏋️‍♀️

Live Demo 🔥

Cal Track Website

Problem ☠️

People usually find it difficult to control weight and keep track of their progress, or when they start working out they might lose interest when they don’t have a visual representation of what they’ve accomplished.

The Solution 💡

App for calculating working out hours, calories burnt while working out, weight progress (loss and gain), and chart shows weekly progress.

User Journey 🚀

As a user, I can create an account then enter my health details. Then, I can add daily meals(breakfast-lunch-dinner-snacks) and exercises. The app calculates burnt and consumed calories, goal progress(desired weight), and can view daily/monthly progress and nutrition.

Stretch Goals ☄️

• as a user, i can see progress page to view my progress as a number and chart

• In the home page I can see health news.

• as a user, I can make a list of information about types of food and nutrition in them.

• as a user I can choose a custom plan for gain/loss weight then the app will show a schedule for daily workout exercises and meals.

• as a user I can enable a Water reminder

• as a user, I can view workout tutorials when viewing the app

• as a user I can see recipe details so I can make it at home :)

• as a user I can view my food Nutrition details in my meals as a chart so i can manage and organize them in my meals.

• as a user u can view calories details in my meals as a chart so i can know which of them have a high calories percentages.

• as an admin, I can see users' numbers, see all meals/ food entered by users to mentor them, and also I can edit and delete meals.

• as a user i can Add favorite food.

• as a user i can sign up as therapist role so i can post a new Healthy tips

User Stories 📝

as user view the website without signing up:

• I can view health news
• I can sing up by entering username, name, email and password
• I can login to the App to view my calories and entering my daily food-exercise

as a new user who wants to sign up :

• I can enter goal (gain/lose) - weight - height - gender so the app can calculate the naturally burned calories

as logged user :

• I can see the updated daily calories, food, exercises, and remaining calories
• I can see the menu (home - add - profile)
• I can add exercises , food(breakfast- lunch- dinner - snacks)
• I can in exercises page choose daily workout types and enter it's duration.
• I can in the food page choose the food/ meal and it's amount and also view the food Nutrition details.
• I can edit/delete my food
• I can show my profile page
• I can see a contact us page

Prototype 🍥

Mobile Design

Desktop Design

show figma

DATABASE Schema 🗄️

Technologies 🔧

Testing :

1. Jest Library

Backend:

1. Express
2. Postgres DataBase

Frontend:

1. React
2. Material UI
3. Css

Lead Mentor:

• Lina Jamal

Team Members:

• Hassan Alnajjar
• Iman Sedky
• Khamis AlBashiti
• Zein Jendeya

Resources