MealKit is a full-stack meal planning web app which allows users to create recipes, plan meals, collaborate on meal plans, auto generate grocery lists.
MealKit is built type-safe from frontend to backend, thanks to Prisma, Apollo Server, GreaphQL CodeGen.
- Create/search recipes and add recipes to meal plan
- Collaborate on meal plan with family/friends
- Load starter recipes if user does not have any existing recipes
- Auto generate grocery lists based on the meals planned for the selected date range
- Populate popular recipes based on frequncy from the last 30 days
- Snappy/instantaneous user interactions using Apollo Client to provide optimistic responses by manipulating client-side data cache
- Tailored responsive UI that looks great on both mobile and desktop
- App is available to download on Mac or Windows
Home Page:
Meal Plan Page (desktop):
Meal Plan Page (mobile):
Groceries Page:
Recipes Page:
Frontend:
- React
- TypeScript
- HTML
- Tailwind
Backend:
- PostgreSQL
- Prisma
- Heroku
Others:
- GraphQL
- Electron
Authentication:
- Auth0