Make me an online ordering system for a fictitious Indian restaurant. Cheherp is the name of the eatery. employ HTML, javascript, and CSS. Use the instructions carefully, and if you want to jump from the home screen to the menu, add a hyperlink to the home button. include a home, about us, menu, and checkout page. Check the checkout section's functionality once more. Include a special choice menu, but charge 3.00 USD more for buying that item. follow these instructions: Creativity Requirements: Use a visually appealing and intuitive design throughout the application. Incorporate relevant and attractive images to enhance the user experience. Implement unique and engaging features to differentiate the application.   2.     3-Column Layout: Utilize a responsive 3-column layout to ensure compatibility across different screen sizes and devices. The layout should adapt and stack the columns vertically on smaller screens.   3.   HTML Table: Display the menu items using an HTML table, providing a clear and organized presentation of available options. Include relevant details such as item name, description, price, and any special dietary information.   4.  Web Forms: Implement various web form elements, including text inputs, radio buttons, checkboxes, labels, and buttons, to facilitate the ordering process. Allow users to enter their name, contact information, delivery address, and any specific instructions or preferences for their order. Use radio buttons or checkboxes for selecting additional options, such as toppings or sides.   5. JavaScript: Utilize JavaScript to perform computations, such as calculating the total cost of the order based on the selected items and quantity. Implement dynamic updates to the order summary and total cost as the user selects or modifies their choices. 6.  localStorage: Store the order details in the browser's localStorage to enable persistent data storage. Retrieve and display previous orders or user preferences when revisiting the website.   7.   Loop and Array: Use loops and arrays to handle multiple menu items and their corresponding details efficiently. Iterate over the menu items to generate the HTML table dynamically.   8. External CSS: Implement an external CSS file to separate the styling from the HTML code for better organization and maintainability. Utilize CSS classes and selectors to apply consistent styles across the application.   9.  Media Query: (related to #2 requirement) Utilize media queries in CSS to create a responsive design that adapts to different screen sizes and orientations. Ensure that the application is visually appealing and usable on both desktop and mobile devices.   10.  Pages: Landing Page: Introduce the restaurant and highlight its key features and offerings. About Us Page: Provide information about the restaurant's history, values, and mission. Menu and Ordering Page: Display the restaurant's menu with the ability to select items, customize options, and add them to the cart. Checkout Page: Present a summary of the selected items, total cost, and allow users to provide delivery details and submit the order. good luck and thank you

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Make me an online ordering system for a fictitious Indian restaurant. Cheherp is the name of the eatery. employ HTML, javascript, and CSS. Use the instructions carefully, and if you want to jump from the home screen to the menu, add a hyperlink to the home button. include a home, about us, menu, and checkout page. Check the checkout section's functionality once more. Include a special choice menu, but charge 3.00 USD more for buying that item.

follow these instructions:

  1. Creativity Requirements:
  • Use a visually appealing and intuitive design throughout the application.
  • Incorporate relevant and attractive images to enhance the user experience.
  • Implement unique and engaging features to differentiate the application.

 

2.     3-Column Layout:

  • Utilize a responsive 3-column layout to ensure compatibility across different screen sizes and devices.
  • The layout should adapt and stack the columns vertically on smaller screens.

 

3.   HTML Table:

  • Display the menu items using an HTML table, providing a clear and organized presentation of available options.
  • Include relevant details such as item name, description, price, and any special dietary information.

 

4.  Web Forms:

  • Implement various web form elements, including text inputs, radio buttons, checkboxes, labels, and buttons, to facilitate the ordering process.
  • Allow users to enter their name, contact information, delivery address, and any specific instructions or preferences for their order.
  • Use radio buttons or checkboxes for selecting additional options, such as toppings or sides.

 

5. JavaScript:

  • Utilize JavaScript to perform computations, such as calculating the total cost of the order based on the selected items and quantity.
  • Implement dynamic updates to the order summary and total cost as the user selects or modifies their choices.

6.  localStorage:

  • Store the order details in the browser's localStorage to enable persistent data storage.
  • Retrieve and display previous orders or user preferences when revisiting the website.

 

7.   Loop and Array:

  • Use loops and arrays to handle multiple menu items and their corresponding details efficiently.
  • Iterate over the menu items to generate the HTML table dynamically.

 

8. External CSS:

  • Implement an external CSS file to separate the styling from the HTML code for better organization and maintainability.
  • Utilize CSS classes and selectors to apply consistent styles across the application.

 

9.  Media Query: (related to #2 requirement)

  • Utilize media queries in CSS to create a responsive design that adapts to different screen sizes and orientations.
  • Ensure that the application is visually appealing and usable on both desktop and mobile devices.

 

10. 

  1. Pages:
  • Landing Page: Introduce the restaurant and highlight its key features and offerings.
  • About Us Page: Provide information about the restaurant's history, values, and mission.
  • Menu and Ordering Page: Display the restaurant's menu with the ability to select items, customize options, and add them to the cart.
  • Checkout Page: Present a summary of the selected items, total cost, and allow users to provide delivery details and submit the order.

good luck and thank you

Expert Solution
steps

Step by step

Solved in 3 steps with 4 images

Blurred answer
Knowledge Booster
Elements and Tags
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education