/Takeout-Web-App

Primary LanguageVue

Takeout Web Application

Implemented the main part of a real business takeout mobile web applicaiton which is used to deliver foods in Wuhan, China. It can scale to any sized defive and any platform. The amount of users has exceeded 25,000 in 2017.

App link: Takeout-App(mobile)

Preview

the main view

the main view of the application. (more views)



Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Framework

  • vue-cli: A simple CLI for scaffolding Vue.js projects
  • vue-router: Official router for Vue.js
  • axios: Used to handle with asynchronous request
  • webpack: Its main purpose is to bundle JavaScript files for usage in a browser.
  • better-scroll: A plugin which is aimed at solving scrolling circumstances on the mobile side
  • flex: It is used to layout the components in the view more flexible

Design

  • The whole mobile web application is made up of components(./src/components).
  • Implemented delicate layout and beautiful icons.