Shopping Webstie
===
## Framework
- Back-end: Springboot
- Front-end: VueJS
---
Written by: Le The Hoang Hai

Check my [github](https://github.com/hoanghailethe)

[click here to experience](https://hoanghai-shop-fe.herokuapp.com/)

### Describe the web main functions:
1. Customer can click item and add to cart.
2. The customers' choice will be remembered in session.
3. After click checkout Cart, customer will see the Order details.
4. Order payment will be calculated based on discount code and amount of products in cart.
4. After click confirm payment, customer will fill a form of personal detail information. Session also be destroyed here.
5. After click send form which provide email address. There will be an email automatically send to customer about personal infor and order detail.
    Also there will be a link to confirm in the email.  
    
### Web main views

**Home page**

version 1:
![](p/homePage-view.jpg)

version 2 (updated):
![](p/Vue.ProductsList.jpg)

**Order page**

version 1
![](p/checkOutView.jpg)
version 2
![](p/view2.orderPayment.jpg)
**Form page**
![](p/personFormView.jpg)

![](p/viewform.shop.jpg)

**Email confirm**

![](p/emailView.jpg)