A meal planner and recipe management web application. Allowing the user to efficiently plan their weekly meals
Monkey Chef
About
A web app built using Javascript, communicating with a MongoDB database through express. The front-end is displayed using React.
The app allows the user to manage their recipes and meal planner. The user has full CRUD methods on the recipes, and they can assign them to a weekly meal planner, where they can also be managed. The app automatically updates a shopping list, sourcing the ingredients from the recipes in the planner, and consilidates it to avoid multiples of the same item.
Other functions include search and filters for easier recipe management.
Site
Homepage
Add Recipe
Recipe Page
Recipe Book
Planner
Shopping List
How to Run
Client:
To get the application running you must install all the dependencies:
npm install
Start the application in development mode. running this command will open ( http://localhost:3000 ) in a browser to view the application:
npm start
Server:
To get the application running you must install all the dependencies:
npm install
Then seed the database and run the server:
npm run seeds
npm run server:dev
Built with
- [JavaScript]
- [React]
- [MongoDB]
- [Express]