An open API service indexing awesome lists of open source software.

https://github.com/ibrsec/product-list-react-vite


https://github.com/ibrsec/product-list-react-vite

Last synced: over 1 year ago
JSON representation

Awesome Lists containing this project

README

          







Logo

Product List React Project


An awesome Product List React Project
Explore the docs ยป




View Demo
ยท
Report Bug
ยท
Request Feature


๐Ÿ“Ž Table of Contents ๐Ÿ“Ž


  1. About The Project


  2. Overview

  3. Quick Setup

  4. Directory structure

  5. Built With


---


## โ„น๏ธ About The Project

[![product-list-react](./src/assets/project.png)](https://ibrsec.github.io/product-list-react/)

()

---


## ๐Ÿ‘€ Overview
๐Ÿ“ฆ Products are listed by categories once again for react environment
๐ŸŽฏ Choose categories for filtering products

(back to top)


## ๐Ÿ›ซ Quick Setup

```sh
# clone the project
git clone https://github.com/ibrsec/product-list-react.git

# enter the project directory
cd product-list-react

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start
```

(back to top)


## ๐Ÿ“‚ Directory structure

```diff
product-list-react (folder)

|
|---public (folder)
+ |---src (folder)
| |---assets (folder)
| |
| |---scss (folder)
| | |---_content.scss
| | |---_header.scss
| | |---_reset.scss
| | |---_variable.scss
| | |---_mixins.scss
| | |---_navbar.scss
| | โ””---_main.scss
| |
+ | |---components (folder)
| | |---content.jsx
| | |---navbar.jsx
| | โ””---header.jsx
| |
| |---App.jsx
| |---data.jsx
| โ””---main.jsx
|
|----index.html
|----package.json
|----package-lock.json
|----readme.md
โ””----vite.config.js
```

(back to top)

---

### ๐Ÿ—๏ธ Built With








(back to top)