Coffee-House-clone

Problem Statement

You have to make a mini coffee ordering app. Where users will be able to add multiple coffee to their cart and place orders.

Description

Create an index.html page (Home page). Add a simple navbar which shows login, signup, products and bucket for navigation. You do not need to create login or signup functionality. On clicking on bucket, the user should be redirected to bucket.html. The home page shows all coffee listed in your menu. Use the API provided below to get the list of all Coffee. Each item should show type of coffee, image, price and add to bucket button. Users should be able to add the items to the bucket when clicked on add to bucket button. Show a bucket count in div to show how many items in the bucket, on top RHS. Items added to the bucket will be stored in LocalStorage so that you can retrieve them and show them on bucket.html page. Create a bucket.html where users can see their order and total bucket value. Show total price in div as shown in sample submission. There should be a checkout button which will take you to the checkout page. 12 .Users should also be able to remove items from their bucket. Add a remove button to each item in the bucket. Create a checkout.html page, where the user can fill in the name, number and address and a button to confirm the order, and send notification (alert) to the user after ‘x’ no. of seconds.