E-Commerce - Shopping Cart Application

A simple Vue.js application where users can browse products, add them to a shopping cart, modify quantities, remove items, and view the total cost. This project demonstrates fundamental concepts of state management with Vuex and routing with Vue Router.

Live Demo

Features:

• Product List: Display a list of products.
• Shopping Cart: View added items with options to increase/decrease quantity and remove items.
• Checkout Page: Checkout page (simulated).
• State Management: Use Vuex to manage the shopping cart's state.
• Routing: Navigate between the product list and checkout pages using Vue Router.
• Responsive Design: Mobile-friendly layout for a seamless shopping experience.

Technologies Used:

• Vue.js: Framework for building the app's user interface.
• Vuex: State management to handle cart items, quantities, and total cost.
• Vue-Router: For SPA routing.
• Vue-Toastification: For user-friendly toast notifications.
• Vue-Spinner: For dynamic loading indicators.
• PrimeIcons: Icons for UI enhancement.
• TailwindCSS: Utility-first CSS framework for styling.
• Vite: For fast build and development processes.

Installation:

You can also run the project locally in your computer, just follow steps below

1. Clone the repository:

   git clone https://github.com/Ali-Tadayoni/E-Commerce
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

Project Status:

This project is currently complete 🚀

Contact:

For any inquiries, feel free to reach out to me at Tadayoni.Ali.Enayat@gmail.com.