Family Meal Planner

Family Meal Planner is an app that helps families plan their meals and automatically generate shopping lists to save time to do better things.

Live demo available here:

https://andrewvo89.github.io/family-meal-planner-demo/

The project is Open Source and can be viewed on GitHub:

• https://github.com/andrewvo89/family-meal-planner

• React - JavaScript Framework.
• TypeScript - Written 100% in TypeScript.
• React DnD - Drag and drop API.
• Firebase - Backend as a service for Firestore database, authentication and real-time listeners.

Intuitive dragging and dropping allows users to easily move items around the calendar with minimal clicks.

Assign ingredients to meals to determine what items are needed to be bought to create the meal.

Assign family members to meals and add notes for complete visibility on which meals will feed which hungry family members.

Adjust the number of days to display on the calendar to minimize distraction or to get a better overview.

Based on your recipes and ingredients, shopping lists can be generated to help you acquire everything you need to cook your delicious meals.

Changes are synchronized in real time between all family members using the application across multiple browsers.