Online-shop

Single Page Application Template

Demo - https://cool005.netlify.app

Built with

• Vue.JS
• Vuex (state management)
• Vue Router (navigation between views)
• Axios (making an HTTP requests)
• JSON-Server (mock REST API)
• Vuex-persistedstate (storing data with Local Storage and Vuex)
• Vue-multiselect (select component for data filtering)
• TB Skeleton (showing the skeleton screen loading)

Features

This project implements basic shopping template features:

• Getting products and categories from API
• Filtering products by the selected category
• Loading more products in the selected category
• Navigation to the product page by click
• Tabbed navigation on the product page to display dynamic content
• Adding product to the cart
• Displaying the amount of unique products in the cart
• Navigation to the cart page by click
• Increment, decrement, remove product from the cart

Project setup

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.