Giter VIP home page Giter VIP logo

mobile-dinner-app's Introduction

Mobile Dinner App

This is a simple food ordering system implemented in JavaScript. The program allows users to view a menu of food items, add them to a shopping cart, and place an order. The key features include:

Features

  • Menu Display: The program displays a list of food items with details such as name, ingredients, price, and an emoji representation.

  • Add to Cart: Users can add items to their shopping cart by clicking the "Add to Cart" button next to each menu item.

  • Remove from Cart: Users can remove items from the cart by clicking the "Remove" button within the cart section.

  • Order Submission: Once the user is satisfied with their selection, they can submit the order. A modal will appear, prompting the user to enter their name. After submission, a confirmation message is displayed, and the page will reload after a few seconds.

Usage

  1. Open the index.html file in a web browser.
  2. Browse through the menu items and click "Add to Cart" to select items.
  3. View the shopping cart by clicking the cart icon.
  4. Remove items from the cart if needed.
  5. Click "Place Order" to submit your order.
  6. Enter your name in the modal and submit the form.
  7. A confirmation message will be displayed, and the page will reload.

Dependencies

  • The program uses the UUID library to generate unique identifiers for cart items.

How to Run

  • Ensure you have a modern web browser.
  • Open the index.html file in the browser.

Notes

  • This implementation is a frontend-only solution, and no backend processing or storage is involved.
  • The page reloads automatically after order submission.

mobile-dinner-app's People

Contributors

maxitech avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.