r05323045 / reshape

Reshape Your Life | 設計電商平台

Reshape

A platform aims to satisfy your need for aesthetics and create value for the design.

Explore The Website

---

User Interface

Visitor

Admin Dashboard

---

Features

Visitor

As a visitor, you can:

1. Explore what you want by browsing and searching, also, we created some categories which can help you to get the product you need
2. No matter you want to buy something immediately or not, you can add products into the shopping cart at first
3. Check out the detail of products is available
4. Apply coupons on checkout to save your money ( you can try coupon code LOVE88 to get some discount )

Admin

As an admin, you can:

1. Review sales performance by infographic
2. Manage your image resource and copy image URL to use it
3. Edit your products, coupons and orders information

Upcoming Features

1. Favorites list to store your desire
2. Event pages for product promotion and enrich the website

---

Third-party APIs and Open source used in this project

• Using vue-chartkick in admin dashboard to visualize data
• Using Vuelidate for form validation
• Using Swiper to build flexible carousel and slider with responsive and mobile touchable
• Using vue-clipboard2 to create feature of clipboard in admin dashboard
• Using Vue-cli for Vue.js project management
• Using Bootstrap to build responsive pages
• Using BootstrapVue component to enhance user experience
• Using vue-loading-overlay to customize personal loading animation

---

REST APIs

Backend APIs are provided by hexschool

---

Setup Project at local

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

---