Taste Yummy

Taste Yummy is a web application designed to help users explore, create, and organize recipes. It offers an intuitive interface and essential tools for managing cooking recipes, making meal preparation easier and more enjoyable.

Features

• Search Recipes: Easily search for recipes to find new meal ideas.
• Update Servings: Adjust the number of servings for a recipe to fit your needs.
• Bookmark Recipes: Save favorite recipes to review them later.
• Create Custom Recipes: Add your own recipes to keep them organized in the app.
• Data Persistence: Bookmarks and custom recipes are saved, allowing users to access them even after closing the app.

Demo

Live Demo: Taste Yummy

Overview

Search Recipes

This is the menu where you can search for recipes:

Add Your Recipes

You can add your own recipes to have them saved in the application:

Save Your Favorite Recipes

You can bookmark recipes that you like:

Technologies Used

• HTML, SASS, JavaScript: Core web development technologies for building the user interface.
• LocalStorage: Used for persisting user data (bookmarks and custom recipes).

Installation

1. Clone the repository:

https://github.com/OrasanuAna/Taste_Yummy.git

2. Navigate to the project folder:

cd Taste_Yummy

3. Open index.html in a browser to use the application.

Usage

1. Search for Recipes: Use the search bar to find new recipes.
2. Adjust Servings: Modify the number of servings in a recipe to match your requirements.
3. Bookmark Recipes: Save any recipe you like by clicking the bookmark icon.
4. Create Your Own Recipes: Add custom recipes with ingredients and instructions.
5. Persistent Data: Close and reopen the app to see your saved bookmarks and custom recipes intact.

Flowcharts and Architecture

• Application architecture and user flow are documented with the following images:

  Architecture Recipe Loading:

  Flowchart-part-1:

  Flowchart-part-2:

  Flowchart-part-3:

Contributing

1. Fork the repository.
2. Create a new branch for your feature or bug fix:

git checkout -b feature-name

3. Commit your changes:

git commit -m "Description of changes"

4. Push to your branch:

git push origin feature-name

5. Create a pull request to the main branch of the repository.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

If you have any questions or feedback, feel free to contact:

• GitHub: OrasanuAna

Author

Ana-Maria Orășanu

Credits

This project was developed as part of the The Complete JavaScript Course: From Zero to Expert! by Jonas Schmedtmann.