yangvi0158/VueEcommerce

E-Commerence Website (Vue.js)

🛒🛒🛒

E-Commerce Website

🛒 Let's Go Shopping! 🛒

E-commerce and CRUD CMS Practice Project built with Vue

🗃️ Tech Stack

• Base on Vue/CLI
• Developing with Javascript ES6
• RESTFul API
• jQuery
• Sass
• Bootstrap 4
• RWD

🛠 Development

Prerequisites

Make sure you have Node.js and Npm installed in your local machine.

⚠️ To ensure compatibility with node-sass, please utilize node@12 to run a local server.

Usage

To start a development server:

npm run dev

🪜 Website Structure

Main Site

• Landing
• Product
  • Product Categories
  • Shopping Cart
  • Search
  • Coupons
  • Favorites
  • Checkout

CMS

• Login
• Product Management (Creat, Delete, Rewrite)
• Coupon Management (Creat, Delete, Rewrite)
• Order Management (Read)

📘 Dependencies

• vue-axios
• vee-validate
• vue-loading-overlay
• Bootstrap 4
• Font Awesome
• AOS Animation
• clipboard.js
• Vue-photo-zoom-pro

【Landing Page】

【Product List Page】

【Product Detail Modal】

【Favorite List】

【Shopping Cart】

【Search】

【CMS】

【CMS: Create Product】