[Filter Optimization] aims to build a dummy business intelligence dashboard that provides a filter functionality and displays data based on the selected filters. The motivation behind this project is to create a user-friendly dashboard that allows users to filter data based on their preferences, similar to how filters work on e-commerce websites like Amazon.
Technology
- TypeScript
- React
- Redux
- Redux Toolkit
- React Router Dom v6
Tools
- VS Code
- GIT
- GITHUB
Main features of the App are:
- Display all the data in the table with Pagination and scrolling
- Have filters one for each column nameeach one should support search and multi-select.
To get a local copy up and running, follow these steps.
-
In order to run this project you need:
-
git: A tool for managing source code
-
Visual Studio Code: A source code editor
-
Live Server: A simple web server utility for Visual Studio Code
Clone this repository to your desired folder: https://github.com/rachaouldbabaali/Loop-filter-optimization Example commands:
cd my-folder
git clone https://github.com/rachaouldbabaali/Loop-filter-optimizationInstall this project with:
` cd React-Redux-GP
- Run npm install after cloning the repo
- Run npm start for development.
- Run npm run build for production
To run tests, run the following command:
npm run test
You can deploy this project using:
👤 Author
- GitHub: rachaouldbabaali
- Twitter: @Racha_oba
- LinkedIn: Racha Ould Babaali
- [Improve the UI/UX design ]
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project please give it a start and share it with your friends.
I would like to express my gratitude to Loop for affording me the chance to showcase my abilities.
This project is MIT licensed.
# Loop-filter-optimization