https://github.com/ibrsec/shopping-vite

https://github.com/ibrsec/shopping-vite

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ibrsec/shopping-vite
• Owner: ibrsec
• Created: 2024-03-15T05:15:24.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-04T10:26:00.000Z (almost 2 years ago)
• Last Synced: 2025-01-08T21:36:45.633Z (over 1 year ago)
• Language: JavaScript
• Size: 5.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          


  

 






  

    

  


  
Shopping Vite Project


  


    An awesome Shopping Vite Project

    Explore the docs »

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  



  📎 Table of Contents 📎 

  


    
About The Project

     

     
Overview

     
Quick Setup

     
Directory structure

     
Built With

    


    

  


---

## ℹ️ About The Project

[![shopping-vite](./public/assets/img/project.gif)](https://ibrsec.github.io/shopping-vite/)

(back to top)


---

## 👀 Overview

📦 Project aims to create a Product List App. 

🎯 Products are listed by their categories.  

🌱 Search feature is added filtered by categories

🔩 Shopping cart includes checkout feature   

(back to top)


## 🛫 Quick Setup

```sh

# clone the project

git clone https://github.com/ibrsec/shopping-vite.git

# enter the project directory

cd shopping-vite

# install dependency

npm install || yarn install

# develop

npm run dev || yarn start

```

(back to top)


## 📂 Directory structure 

```

shopping-vite  (folder)

  

|          

|---public (folder)

|      |---assets

|      |     └---img (folder) 

|      |

|      └---src (folder)

|          |---cartCalculations.js

|          |---createBtns.js

|          |---getAllDataApi.js

|          |---localStorage.js

|          |---search.js

|          └---sendCardsToDom.js

|          

|----index.html   

|     └---style.css   

|          

|----main.js

|----package.json

|----package-lock.json

|----readme.md

└----vite.config.js

```

(back to top)


---

### 🏗️ Built With

 

 

  

  

  

 

  

 

(back to top)