Overview • Key Features • Installation • Usage • Credits • License
This repository contains the source code for the tutorial Build a Shopping Cart with Vue 3, Vue Router, & VueX. This tutorial demonstrates how to create a functional shopping cart using Vue.js, showcasing the integration of Vue Router and VueX for state management.
Shopping Cart Layout
- Vue 3 Integration: Utilize the latest features of Vue 3 for building responsive and dynamic UIs.
- Vue Router: Implement navigation between different components of the shopping cart.
- VueX: Leverage VueX for managing the application's state, providing a cohesive experience across different components.
- Local Storage: Implement localStorage to persist data in the browser, allowing users to retain their shopping cart items even after leaving the site.
To get the project running locally:
- Clone this repository:
git clone https://github.com/SmartMaatt/vue-vuex-shoping-cart.git
- Navigate to main directory.
- Install dependencies.
npm install
- Run the application.
npm run serve
The application provides a simple and intuitive interface for adding items to the shopping cart, viewing them, and managing quantities. It demonstrates a practical use case for Vue 3, Vue Router, and VueX in a real-world application.
This project is based on the tutorial created by Tyson London. Full credit for the concept and design of the project goes to them. This repository serves as an implementation and learning resource.
This project is licensed under the MIT License - see the LICENSE file for details.
© 2023 Mateusz Płonka (SmartMatt). All rights reserved.
