vue xiaomi

Project introduction

This is an e-commerce project that imitates Xiaomi Mall to achieve main functional points.

The front-end contains 11 pages: homepage, login, registration, all products, product details page, about us, my collection, shopping cart, order settlement page, my order and error handling page.

It implements product display, product classification query, keyword search product, product detail information display, login, registration, user shopping cart, order settlement, user order, user favorite list and error handling functions.

The back-end designs corresponding interfaces, control layers, and data persistence layers based on the data sub-modules required by the front-end.

technology stack

• Front-end: Vue + Vue-router + Vuex + Element-ui + Axios

• Backend: Node.js , Koa框架

• Database: Mysql , redis

Backend project delivery address: xiaomi-server

Please refer to the configuration instructions to run the back-end project. Make sure that the local database mysql、redis service and corresponding ports are opened.

Function module

• Log in
• register
• front page
• All products
• Product details page
• My shopping cart
• Order settlement
• my collection
• my order

Run the project

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

If you think this project is good, you can click Star in the upper right corner to support it. Thank you! ^_^

Project page screenshot

front page

All products

shopping cart

my collection

my order

Log in

register