destiny5420/vue-ecommerce

此Project是自己練習實作「電商網站」

vue e-commerce

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

Product Page

Product Detail Page

Cart Page

Member Login Page

RWD

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

• Behance
• Unsplash
• Amazon