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.

Home Page:https://maran1947.github.io/catalogue_management/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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
  1. change to project directory
    $ cd catalogue_management
  1. you need to install node_modules
    $ npm install

It's time to run the project

    $ npm start

πŸ“· Screenshots

Loading Screen
Home Screen
Filter
Filter
Search Screen
Visualization Screen
Not Found Screen

About

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://maran1947.github.io/catalogue_management/


Languages

Language:JavaScript 67.3%Language:CSS 21.8%Language:HTML 10.9%