Pancake Maker 🍰

This is a fun, interactive web application where users can customize their pancakes by selecting different types, toppings, extras, and delivery options. The application dynamically updates the total price based on user selections and provides a summary of the order.

Table of Contents

• Demo
• Features
• Technologies Used
• Getting Started
• Usage
• Folder Structure
• Contributing
• License

Demo

You can try out the live version of this project here.

Features

• Pancake Type Selection: Choose from Classic, Chocolate, or Blueberry pancakes, each with a different base price.
• Toppings and Extras: Select toppings (e.g., Nuts, Bananas, Syrup) and extras (Whipped Cream, Ice Cream) to enhance your pancake.
• Delivery Options: Choose to Eat In, Pick Up, or have it delivered (with an additional delivery charge).
• Dynamic Pricing: The total price updates in real-time based on selected options.
• Order Summary: A button to view the full order summary, including customer name, selected options, and total cost.

Technologies Used

• HTML: For the basic structure of the app.
• CSS: For styling the application and making it responsive.
• JavaScript: For handling user interactions, dynamic pricing, and displaying the order summary.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/BhaskarDeb2000/BCHPancakeProject

2. Navigate into the project folder:

   cd pancake-maker

3. Open index.html in your web browser: Simply open the index.html file in your browser to run the application.

Usage

1. Enter your name in the Customer Name field.
2. Choose your pancake type from the dropdown menu.
3. Select your preferred toppings and extras by checking the boxes.
4. Choose a delivery option (Eat In, Pick Up, or Delivery).
5. See the total price update automatically as you make changes.
6. Click the See Order button to view an order summary with all selected options and the final price.

Folder Structure

pancake-maker/
├── index.html       # Main HTML file
├── style.css        # Stylesheet for the application
├── script.js        # JavaScript file for interactivity
├── pancake.jpeg     # Image used in the application
└── README.md        # Project documentation (you are here)

Contributing

Contributions are welcome! If you have any ideas for improvements, please fork the repository and submit a pull request.

1. Fork the Project.
2. Create your feature branch: git checkout -b feature/YourFeature.
3. Commit your changes: git commit -m 'Add YourFeature'.
4. Push to the branch: git push origin feature/YourFeature.
5. Open a pull request.

License

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