/DataVisualizeAPI

Fetching data from an API, visualizing it in a table format with pagination, search, and filtering options, and generating charts using Chart.js.

Primary LanguageJavaScript

Features:

  • API Integration: Fetched data from given API Endpoint.
  • Showed data in a tabular format Implement
  • Applied Pagination
  • Search Bar (name)
  • Filter Option (zone, device_brand)
  • Download button to download the current data as a CSV.
  • Bar Charts for mentioned conditions which was in assignment.
  • Fully responsive
  • Logic of code is mentioned in code through comments

Tech-Stack:

  • Axios, React, Tailwind-CSS, Charts.js, React-table, React-dom, React-icons

Demo:

Screencast.from.24-02-24.02.11.56.AM.IST.webm

Steps To Run:

npm install
npm start