# Chef's Meal Planner

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

[v.0.1 Available Here!](https://chefs-meal-planner.onrender.com/)

## Features

- Random meal suggestion ✓
- Search by name: you're 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 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

## Supports

- Web ✓
- Progressive Web App ✓
- Mobile

## Technical Stack

- `React` client on the front-end
- [Materialize](https://materializecss.com) CSS librairy for styling
- Public API: [TheMealDb](https://www.themealdb.com/api.php) and [TheCocktailDb](https://www.thecocktaildb.com/api.php)
- Hosting: [Render](https://render.com/)

## Versions

### Features in v.0.1

- WebApp
- Random meal suggestion
- List of meals by categories
- Search by name: you're looking for a recipe? Ours are easy to make and yummy!

### Features in v.0.2

- Progressive Web App
- User Interface Enhancement
- Contact form

## TO DO

- add sidenav on mobile
- accounts v2
- send message after contact form validation (confirm to sender and msg+info to admin)
- code cleanup (props and refactoring)
- put a preloader
- redirect after failed fetch request: (history.push('/path'), or write handleFetchResponse function)
  - https://stackoverflow.com/questions/45089386/what-is-the-best-way-to-redirect-a-page-using-react-router
  - https://www.henriksommerfeld.se/error-handling-with-fetch/
  - Use ErrorBoundaries component ?
- Back to top button