Recipes Manager

In this project, I created a web application which uses AJAX to load JSON via a REST API for dynamic features. Users can browse a list of pasta sauce recipes by name or ingredient. They can also add their own information about new sauces and ingredients and the link between them.

Running the web application

Install the necessary software requirements

npm install

Start the server

npm start

The app runs on localhost port 8090.

To run the jest test cases

npm test

Coverage data will be shown, similar to the below:

Features

Client side features

• A responsive layout using Bootstrap and custom CSS
• Dynamic updates
• Graceful handling of server disconnection (informative error messages and automatic connection without reloading)

Server side features

• Node.js and Express REST API
• Two linked entity types (recipes and ingredients)
• JSON based data storage
• Fully documented API
• Jest test suite covering all GET/POST requests and content type checks

API documentation

The full API documentation can be found here.

GUI