Skip to content

Latest commit

 

History

History
50 lines (43 loc) · 1.1 KB

README.md

File metadata and controls

50 lines (43 loc) · 1.1 KB

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