Skip to content

danulqua/McDonaldsApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

McDonald's SPA

image This is my Single Page Application for McDonald's. Everything is stored on the server. When you entering this website - all data is fetching and rendering on the page. No reloads - great user experience.

Features

This application gives you all simple features that every shop does: you can go through categories, products and different offers that McDonald's suggest.
On the single product page you can see its description, price, related products and then you can add it to cart. You will see how the little number appears on the cart button and increasing in future.
If you made a mistake, you can visit the cart page and remove any products.
When you finished, you can go to payment page where you will see all products that you added to cart including total order cost.
After successfully filling out the form, you will be taken to the page of your order, which will have a unique ID.

Some screenshots

Offers

image

Single Offer

image

Categories

image

Single Category

image

Single Product

image

Cart

image

Payment

image

Success

image

McDonald's DataBase

image Offers consist of:

  • id
  • name
  • slogan
  • description
  • image link

Categories consist of:

  • id
  • name
  • product ids in this category

Products consist of:

  • id
  • category id
  • name
  • description
  • price
  • image link
  • related products

Popular Products consist of:

  • product ids that are popular

About

SPA written with vanilla JS for "McDonald's" with all data stored on the fake json server

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published