Meal App Project

Structure

• This is a meal app project created using Parcel bundler
• In this project, I'm using both the Model-View-Controller (MVC) architecture and the publisher-subscriber pattern to create a modular and maintainable application

Features

As a user you can:

• Search for recipes
• Be able to update number of servings
• Bookmark recipes
• Create your own recipes
• See your bookmarks and own recipes when you leave the app and come back later
• Pagination feature for dividing recipes into multiple pages

Installation

To install this project, follow these steps:

1. Clone the repository to your local machine
2. Navigate to the project directory in your terminal or command prompt
3. Run npm install to install the project dependencies
4. Run npm run start to start the development server

Usage

To use this project, follow these steps:

1. Open your web browser and navigate to http://localhost:1234
2. Use the search bar to search meals
3. Click on 'Page 2 / Page 3 etc.' to go through different pages if you want to search for more recipes
4. Click on the recipe you prefer and it will showcase the recipe
5. Click on the minus button(-) to decrease, plus button(+) to increase the amount of the servings
6. Click on the bookmark button to add the selected recipe to your bookmarks, and click again to remove it from your bookmarks
7. Click on the Add Recipe option and fill the form to create new recipe