https://github.com/alrammahi-mariia/restaurant-menu-mobile

Mobile restaurant ordering app
https://github.com/alrammahi-mariia/restaurant-menu-mobile

Last synced: 23 days ago
JSON representation

Mobile restaurant ordering app

• Host: GitHub
• URL: https://github.com/alrammahi-mariia/restaurant-menu-mobile
• Owner: alrammahi-mariia
• Created: 2024-07-25T07:16:48.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-06T07:26:19.000Z (6 months ago)
• Last Synced: 2024-11-14T01:29:41.855Z (3 months ago)
• Language: CSS
• Size: 248 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Restaurant Ordering App

An app to order items from the restaurant written in vanilla JavaScript. 

## Features

A user is able to:

- render three menu items using JavaScript

- add items to the order list

- see the 'Total price' calculated as items are added

- be able to add/remove menu items and see 'Total price' being updated

- fill in a payment form with compulsory fields

- see the message upon order completion

## Topics practiced

- array methods: forEach(), map(), find(), filter(), reduce(), push()

- conditionals 

- render html items on the page with Javascript

- change the display property of the html item

- use an html element 'data attribute' property to connect the 'add' and 'remove' buttons with a target menu item

- using html and css to follow a Figma design specifications

- import/export array of data objects

## Deployed version

https://alrammahi-mariia.github.io/restaurant-menu-mobile/