https://github.com/maran1947/catalogue_management
It is an application to manage products by search query and filter categories. It also provides you with category visualization through a pie chart.
https://github.com/maran1947/catalogue_management
catalogue-management catalogue-management-reactjs reactjs-application
Last synced: about 1 year ago
JSON representation
It is an application to manage products by search query and filter categories. It also provides you with category visualization through a pie chart.
- Host: GitHub
- URL: https://github.com/maran1947/catalogue_management
- Owner: Maran1947
- Created: 2021-11-30T05:52:17.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-01T15:42:27.000Z (over 4 years ago)
- Last Synced: 2025-03-26T16:46:42.292Z (about 1 year ago)
- Topics: catalogue-management, catalogue-management-reactjs, reactjs-application
- Language: JavaScript
- Homepage: https://maran1947.github.io/catalogue_management/
- Size: 2.05 MB
- Stars: 0
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Catalogue Management Application
It is an application to manage products by search query and filter categories.
It also provides you with category visualization through a pie chart.
# 🚛 Features
- 🔍 Search products
- 🗃 Filter products
- 📈 Categories Visualization
- 🖼 Responsive UI
# 🏗 Built with
- React.js
### 🍔 Things Used
- ♟ useState
- ♟ useEffect
- ♟ react-modal
- ♟ react-chartjs-2
### API Used
- fakestoreapi API
## 🏗 Setup
1. Fork the repo by clicking the fork button
2. Clone the repo
```
$ git clone https://github.com/your_github_username/catalogue_management.git
```
3. change to project directory
```
$ cd catalogue_management
```
4. you need to install node_modules
```
$ npm install
```
It's time to run the project
```
$ npm start
```
# 📷 Screenshots
