Skip to content

destiny5420/vue-eCommerce

Repository files navigation

vue e-commerce

Banner

Demo

Z-Shop

Introduction

This is a exercise project for e-commerce, the following main feature::

  • Product showcase、Cart、Order、Checkout
  • Membership login flow
  • The filter feature for type / price / size of product
  • Vue Router does page switching
  • Vuex does data manager of front-end
  • Use vue-axios to communicate wit back-end
  • Use Sass to write style of front-end
  • Use Vue-bootstrap Component in member page to implement UI component
  • Use simple-vue-validator to validate form in order page
  • Implement faecbook messenger feature

Content

Home Page

Home Page-1 Home Page-2

Product Page

Product Page-1

Product Detail Page

Product Detail Page-1 Product Detail Page-2

Cart Page

Cart Page-1 Cart Page-2 Cart Page-3 Cart Page-4 Cart Page-5

Member Login Page

Member Login Page-1 Member Login Page-2

RWD

RWD-1 RWD-2 RWD-3 RWD-4

Conclusion

I discovered that there are many detail that need to be implemented after making an e-commerce website, that is very different with online tutorial, so it took me some time to complete this project. This website has a lot of UI and some problems that have not been encountered before, thank to many foreign forums and facebook communities for helping me anwser my problems, so let me successfully complete this project.

Reference