This is a React dashboard app that displays orders data and allows filtering and sorting of orders. Deployed at https://foodsampledashboard.netlify.app/
- Node.js (v12.0.0 or higher)
- npm (v6.0.0 or higher)
-
Clone the repository:https://github.com/TanayK07/Dashboard_ZAG
-
Navigate to the project directory:
-
Install dependencies:
npm install
- Start the development server:
npm start
- Open your browser and visit
http://localhost:3000
to see the app.
- 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.