rjnemo / meal_planner

Free meal planner for cooks short on ideas! (like me …)

Chef's Meal Planner

Free meal planner for cooks short on ideas! (like me …)

Demo

🚀 App live at this address!

Screenshots

Home page

Meal page

Feature list

• Random meal suggestion ✓
• Search by name: you look for a recipe? Ours are easy to make and Yummy! ✓
• What's in the fridge ? Choose your main ingredient and get a meal suggestion
• Choose by a category: ✓
  • Beef
  • Breakfast
  • Chicken
  • Dessert
  • Goat
  • Lamb
  • Miscellaneous
  • Pasta
  • Pork
  • Seafood
  • Side
  • Starter
  • Vegan
  • Vegetarian
• Choose by area:
  • American
  • British
  • Canadian
  • Chinese
  • Dutch
  • Egyptian
  • French
  • Greek
  • Indian
  • Irish
  • Italian
  • Jamaican
  • Japanese
  • Kenyan
  • Malaysian
  • Mexican
  • Moroccan
  • Russian
  • Spanish
  • Thai
  • Tunisian
  • Turkish
  • Unknown
  • Vietnamese
• Cocktail selection
• Create a profile and save your favourite meals ✓
• Notation system: know what are the most loved meals
• Share recipe with your friends and family
• Suggestions based on what your personal taste
• Recipes in Video ✓
• Get a full menu (Starter, Main, Dessert + Cocktail)
• Send a daily suggestion to newsletter
• History
• Language selection
• Nutritive value
• Add personal notes

Supports

• Web ✓
• Progressive Web App ✓
• Mobile

Deployment

The application is hosted on Render at the following address: link.

Built With

• React - A JavaScript library for building user interfaces
• Materialize - Modern responsive CSS framework based on Material Design by Google
• TheMealDb - An open, crowd-sourced database of Recipes from around the world

• Auth0 - Rapidly integrate authentication and authorization
• Firebase - Firebase helps mobile and web app teams succeed
• Render - The Easiest Cloud For All Your Apps and Websites

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Ruidy Nemausat - Initial work - GitHub

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

meal_planner's Issues

Sharing recipes

having the ability to share recipes so you can send them to yourself on Messenger or something to save them.

Search bar Design

The search icon feels like a send message icon, so it feels a bit off. Some alternatives are to have a button that says "Search" like Google or move the magnifying glass to a button (so the left side is blank) similar to what the Airbnb website does.

Feature Set

A collection of useful comments to refine the core feature set and improve usefulness.

Rahul:

What I'd think about now is: why would people want to use this recipe finder as opposed to others? One way to provide immediate tactical value is to focus specifically on one audience, e.g. only recipes for vegans, or only with a specific ingredient.

Alex:

I have similar higher level feedback to Rahul: How do you differentiate your product vs. the many other food-related/recipe-focused apps and websites? As we talked about in the product development session, it's good to go narrow and targeted early on. I think recipes overall is actually quite a large space, because well, everyone likes food and quite a lot of people cook, especially now during the pandemic. This means there's a lot of good existing players, so you need to provide a compelling value proposition on why people should use your website vs. others. If you're an indie developer, this means focusing on 1 specific thing as it's not feasible to compete with the big players by having a very broad set of features like they do.
In terms of how you would target this, that's up to you, but to make things more concrete, here's how I would do it. I value simplicity and efficiency a lot when I cook, because cooking takes a lot of time, which I don't have. I would personally love a website or app that only shows me recipes with relatively few ingredients (let's say <5) that can make many servings and don't take too long to cook (let's say <1 hour ). You can go deeper here by prioritizing recipes with common ingredients like potatoes and onions, so all the recipes you show are truly accessible and simple. I actually have wanted this particular product for a long time but haven't been able to find it. :(

Sign up is not working

In production, clicking on Log In is broken.

I tried to sign into the app with Google, but can't navigate to my profile at URL: https://chefs-meal-planner.onrender.com/profile

It looks like an env variable is not set.

Moreover, accessing profile page in un-auth state should redirect to home page…

Loading state

When you re-roll a recipe, the image is behind the title. I assume you are loading the new image when it's done loading the bitmap or whatever, but this feels off as the title changes immediately (which makes sense because it is just a string). So you have will a flash where you have the new title and old image. When the user triggers a new recipe, I think you should change the image to a loading state vs. keeping the old one so everything stays in sync.