Skip to content

khurana3773/Starbucks-Frontend

Repository files navigation

Welcome

Starbucks is a famous American Coffee company with online ordering system. Our project is to replicate the Offical Starbucks website, providing scalability and fault tolerance. The project has 3 components

Frontend is developed using AngularJS and bootstrap. The Frontend of Starbucks sends REST calls to middleware KONG Gateway which is backed by 3-Node Cassandra cluster. The KONG routes the REST calls to respective tenant backends which are independent Starbucks store.

The online ordering has a 3-step process

  1. Choose a store
  2. Select and add items to the cart
  3. Add/remove item in cart, update size/quantity. Once products are confirmed, you can checkout the products.

Table of content

Architecture

Architecture

Project Demo

You can view the demo of our application Here

Build and Run

  • Install Node and NPM.
  • Clone the repository
  • Open terminal/command prompt , and navigate to the local repository.
  • run the following
npm install
npm start

Now open the application using the URL [localhost:8000/index.html]

Note: These steps are only for Front-end. For Back-end, see the backend repository. To configure the gateway, check this respository.

Screenshots

Screen1

The Welcome Screen

Screen2

Placing Order

Screen3

List of all Orders

Screen4

A detailed view of all orders

Features

  • Simple and user friendly
  • Scalable
  • Fault tolerant with 3 node database cluster.

Future Enhancement

Dynamic Lists and Login per user/session management are a few future enhancements.

License

Starbucks(Frontend) is released under the MIT License.

Team Members

Srinivas Annapantula
Srinivas Annapantula

Akansha Mehta
Akansha Mehta

Shiva Padma
Shiva Padma

Suraj Khurana
Suraj Khurana