Skip to content

πŸ₯¦ MealPal is an app that allows users to create an account, store their favorite recipes and body stats and helps them plan their daily meals that fulfill their calorie intake following their goals.

Notifications You must be signed in to change notification settings

domihustinova/meal-plan

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ₯© πŸ₯ͺ πŸ₯¦ MealPal 🫐 πŸ• πŸ₯’

A web application that helps users plan their daily meals. Based on their body measurements, it calculates recommended calorie intake for a selected goal and offers different macronutrient values for most common diets. Using the user's saved recipes and meals, the app generates a meal plan that meets the calculated requirements.

Landing Page

🚧 This project is still a work in progress 🚧

βš™οΈ Installation

  • open project MealPal directly in your browser (Google Chrome recommended)
  • or clone project meal-plan from GitHub, create Firebase project and replace firebaseConfig in the file meal-plan/src/lib/firebase.prod.js with your own keys and identifiers and run yarn install && yarn start
const firebaseConfig = {
  apiKey: process.env.REACT_APP_API_KEY,
  authDomain: process.env.REACT_APP_AUTH_DOMAIN,
  projectId: process.env.REACT_APP_PROJECT_ID,
  storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_APP_ID,
  measurementId: process.env.REACT_APP_MEASUREMENT_ID,
};

If you would like to check the app but you don't feel like creating an account, you can use these test credentials:

[email protected]
mealpal123

If you would like to check the app but you don't feel like creating an account, you can use these test credentials:

[email protected]
mealpal123

πŸš€ Current Features

  • visit either landing page or account protected pages
  • calculate your daily calorie intake for different goals: maintenance, cutting, or bulking
  • update your profile with your body measurements, activity, and body goals
  • multiple options for recipes search
  • save, view, edit or delete saved recipes
  • when searching for a recipe, see which recipes you already saved
  • create, view, edit or delete your own meals
  • view saved recipes and meals in list or grid view
  • save the selected view to LocalStorage

Meals - Grid View Meals - List View


🚧 What is on my to-do list? πŸ“

  • generating meal plan based on different criteria - total calorie intake, macronutrients, dietary restrictions,...
  • more options for recipe search
  • the app's responsiveness
  • possibility to upload a photo for the new meal
  • saved recipes/meals filtering
  • option to save the final plan as PDF
  • Google Sign-In
  • account settings
  • and many more...

About

πŸ₯¦ MealPal is an app that allows users to create an account, store their favorite recipes and body stats and helps them plan their daily meals that fulfill their calorie intake following their goals.

Resources

Stars

Watchers

Forks