Implement Frontend for Filter App Using Next.js

[adnantaj1]

Hi,

I have implemented the frontend for the filter functionality using Next.js. Since there was no database provided in this repo, I used the endpoints from the backend challenge app to integrate the filters.

Key Features:

1. Fully functional filters for Modules, Units, and Locations with dynamic dependencies.
2. Clean UI design with responsive behavior.
3. Integrated the backend APIs to validate and fetch filtered data.

How It Works:

• Users can select filters dynamically, and the available options update based on the selected filters.
• The "Apply Filters" button validates the selected filters via the backend.
• The "Reset Filters" button clears all selections.

Notes:

• Let me know if any adjustments or additional features are required.
• I hope my understanding of the requirements is correct.

Cheers,
Adnan