Project Name

Restaurant Order System

Description

This project is a simple restaurant order system that allows users to view a menu, add items to their order, and complete the payment process. The system dynamically generates the menu items based on the data provided, and the order details are displayed in real-time. The user can add or remove items from their order, and upon completing the payment, a loading screen is displayed before resetting the order and showing a confirmation message.

Features

• Display a menu with various food items and their details.
• Add items to the order with the quantity specified.
• Remove items from the order or remove all items.
• Calculate and display the total price of the order.
• Complete the payment process with a loading screen.
• Reset the order and display a confirmation message after successful payment.

Technologies Used

• JavaScript
• HTML
• CSS

Installation

1. Clone the repository: git clone https://github.com/example/restaurant-order-system.git
2. Navigate to the project directory: cd restaurant-order-system

Usage

1. Open the index.html file in a web browser.
2. Browse the menu and click the "+" button to add items to the order.
3. Click the "remove" or "remove all" buttons to remove items from the order.
4. Click the "Complete order" button to proceed to the payment process.
5. Fill in the payment details and click the "Proceed" button to simulate the payment process.
6. Observe the loading screen and confirmation message.
7. The order will be reset, and you can start a new order.

Demo

A live demo of the project can be found here.

License

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