/Taste-Treasures

Primary LanguageCSSMIT LicenseMIT

Taste Treasures Recipe App

Overview

Taste Treasures is a simple web application that allows users to add, view, and delete recipes. It uses HTML, CSS, and JavaScript, with data persistence managed through the browser's local storage.

Features

  • Add Recipe: Users can add a recipe by entering its name, ingredients, steps, and an optional image URL.
  • View Recipes: All added recipes are displayed in a grid format.
  • Read More: Users can view detailed information about a recipe in a new window.
  • Delete Recipe: Users can remove a recipe from the list.

Screenshots

Here are some screenshots of the application:

Add Recipe Page

Add Recipe Page

Recipe Display

Recipe Display

Recipe Details

Recipe Details

Recipe Details

Technologies Used

  • HTML: Structure of the web pages.
  • CSS: Styling for the web pages.
  • JavaScript: Logic for adding, displaying, and deleting recipes.
  • Bootstrap: CSS framework for responsive design.

File Structure

  • index.html: Main page for adding and viewing recipes.
  • script.js: JavaScript file containing the functionality for recipe management.
  • styles.css: CSS file for styling the application.
  • recipes.html: Secondary page template for displaying recipe details (if needed).

How to Run

  1. Clone the Repository

    git clone https://github.com/Vrana710/Taste-Treasures.git

  2. Navigate to the Project Directory

    cd Taste-Treasures

  3. Open index.html in Your Browser Simply open the index.html file in a web browser to start using the application.

Usage

  • Add a Recipe:

    • Fill in the recipe name, ingredients, steps, and optionally an image URL.
    • Click the "Add Recipe" button to save it.

  • View Recipes:

    • Recipes are displayed in a grid. Click "Read More" to see detailed information in a new window.

  • Delete a Recipe:

    • Click the "Delete" button on a recipe card to remove it from the list.

Customization

  • CSS: Modify styles.css to adjust the appearance of the application.
  • JavaScript: Update script.js to change the functionality or add new features.

Known Issues

  • The application does not currently support image uploads; users must provide a URL for images.
  • Recipe details are opened in a new window, which might not be ideal for all users.

Contributing

Feel free to submit pull requests or open issues if you find any bugs or have suggestions for improvements.

License

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

Acknowledgements

Contact

For any questions, please reach out to ranavarsha710@gmail.com.