DinnerPlans

Full stack web application for a weekly planner that gives recipes ideas and a place to store your dinner schedule. For anyone who eats.

Summary

The weekday planner allows you to be very organized by choosing a meal for each night, to ensure your dinners are nutritious, and to get your grocery ahead of time.

Next time someone asks 'What's for dinner?' the answer will be a click away, instead of 'I don't know!'.

How to use DinnerPlans

To get started add a customized meal of your choice or ask for an idea. Once you have an option that you like you can save it to your board. You can go back and edit or delete a meal at any time.

1. Start with an empty board

2. Search for an idea and save it

3. Edit a planned meal

4. Add a meal idea that you already have

5. Delete a planned meal

Notes

• Designed following RESTful API architecture principles to perform CRUD operations with MERN stack.
• Built in React with functional styled components and Hooks to manage a complex lifecycle.
• Integrated with a third party API to search for recipes to offer meal ideas.

MERN Stack

• MongoDB v4.2.8
  • https://www.mongodb.com/
• Express v4.17.1
  • http://expressjs.com/
• React v16.13.1
  • https://reactjs.org/
• Node v12.18.1
  • https://nodejs.org/

Recipe API

• http://www.recipepuppy.com/about/api/