︎



This web app aims to help user visualize and analyze current stores' locations and business settings and then determine where to locate the next Dunkin' Donut branch store in Philly.



Start Page
- Sidebar 
- Map 

Introduction

This web app displays business, demographic and proximity stats of all Dunkin' Donuts stores in Philadelphia, PA. The website allows sufficient user interaction. It aims to help user visualize and analyze current stores' locations and business settings and then determine where to locate the next Dunkin' Donut branch store in Philly.

Method

This web application is written in Java, HTML and CSS. Bootstrap HTML, CSS and JS library is used. For full code, please see my GitHub. 




Web App Functions
- See description on the right
Web Features

1. Maps
    - Display 2 maps showing sales volume and number of employees in each branch store

2. Informations
    - When user clicks on each store, the sidebar shows full info for this store

3. Filter
    -  User can choose to filter the stores by their sales volume and number of employees
    - Options include “Above Average”, “Below Average” and “Custom Range”

4. Route
    -  Map the route from user location to the selected store
Yinuo Yin’s Portfolio 2018