Mini Market

Description

This is a mini market application that allows users to browse and purchase items. The application includes a user registration and login system, as well as a shopping cart feature. Users can add items to their cart, remove items, and checkout. The application also includes a search feature that allows users to search for items by name or category.

Demo

Mini Market Demo Url

Installation

To install the application, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the project directory in the terminal.
3. Run npm install to install the required dependencies.
4. Run npm run dev to start the application. The application will be available at http://localhost:3000.

Features

The main features of the application are :

1. Browse the available items.
2. Add items to your cart.
3. Remove items from your cart.
4. Change quantity of your cart items.
5. Filter for items by name/category/price.
6. Responsive Design
7. View detailed informations of a product
8. Deployed to github pages

Architecture

The application is built using Vue 3, Pinia, and Vue Router. it is consuming a single mock data api from the Fake Store API (https://fakestoreapi.com/products).