Custom Search Filter Pipe

Edit on StackBlitz ⚡️

About the Project

---

A custom search filter pipe using angular.

Overview

---

In this project , the user will be able to search in the enitre data given using the input.

• The search will work on all the columns of mat-table.
• Regex is used for enhanced performance.
• The search count is also displayed during dynamic search.

Project File Description

---

All the angular files are in the src/app

• src/main : root file of the angular
• _src/main/pure-search : The main files that runs in background. This files also include the main logic written for the search.

Local Installation & Setup Instructions :

---

This is file structure of my project:

├──/src/app
|   ├── ...
|   └── app.module.ts
└──package.json

Assumptions

---

1. User will not paste any random sh*t.
2. There is no click added on search icon. It's just for visual effect.
3. It can work with any data within for-loop.