Skip to content

TanayK07/Dashboard_ZAG

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 

Repository files navigation

React Dashboard App

This is a React dashboard app that displays orders data and allows filtering and sorting of orders. Deployed at https://foodsampledashboard.netlify.app/

Switch to Branch master

Prerequisites

  • Node.js (v12.0.0 or higher)
  • npm (v6.0.0 or higher)

Getting Started

  1. Clone the repository:https://github.com/TanayK07/Dashboard_ZAG

  2. Navigate to the project directory:

  3. Install dependencies:

npm install

  1. Start the development server:

npm start

  1. Open your browser and visit http://localhost:3000 to see the app.

Usage

  • The app displays a sidebar with different filters for order status.
  • Click on a filter to display orders based on the selected status.
  • The app also provides sorting functionality. Click on the "Sort" button to sort the orders by price in ascending or descending order.
  • You can search for specific orders by entering a search term in the search input field.
  • Click on the edit icon to edit an order. A modal will appear where you can update the order details.

Releases

No releases published

Packages

No packages published