johndennehy101/reciperepository

A web application that allows users to view a collection of recipes and discover new recipes via TheMealDB API.

Project Name

Recipe Collection Web Application

Table of contents

• General info
• Technologies
• Setup
• Features
• Screenshots

General info

This web application allows users to create, view, edit, and delete individual recipe records. They can also discover new recipes on the application via a collection of recipes loaded from a 3rd party service, TheMealDB API (API calls made on change event on category selection field). A host of well-known food sources are also included on the site to provide users with an opportunity to discover additional 3rd party sites.

Technologies

• Materialize
• MongoDB
• Node.js
• JavaScript
• CSS3
• Handlebars
• Express

Setup

Here's a link to the live version of the site: Site Link

For installation, navigate to a terminal window and enter the below command. This will download the project to your local machine.

git clone https://github.com/JohnDennehy101/recipeRepository

Once installed, navigate to the root project folder

cd recipeRepository

To run the project, the node modules need to be installed.

npm install

Once that is completed, the project can be launched locally.

npm start

This will start the project on localhost. Open a browser and enter http://localhost:{port number here} in the browser address bar.

Features

List of features ready and TODOs for future development

• Create, read, update, delete recipe records
• Search functionality in place makes query to live MongoDB database
• API calls in place for TheMealDB API to obtain all recipes of user's chosen category
• Collection of 3rd party sources for additional recipes

To-do list:

• Add weekly meal planner for users
• Email subscription for recommended recipes
• Allow users to upload images of completed recipe
• Reviews of existing recipes

Screenshots

• Dashboard View with Search Functionality

• View Recipe

• Add Recipe Form

• API response from TheMealDB API

• Edit Recipe

• Collection of 3rd party recipe sources

• Multiple API Calls