hngprojects / hng_boilerplate_remix

130 stars 126 forks source link

feat/HNG-77-Implement member management functionalities on admin dashboard #309

Open pauluwaifo opened 3 months ago

pauluwaifo commented 3 months ago

Description

Members: Display a list of users with details such as name, email, and role. Filter users based on roles (e.g., All, Members, Suspended, Left workspace) and search by name or email. Search: Allow admins to quickly find users using a search bar. Filter: Enable filtering of users based on their roles. Delete: Provide an option to delete users, with a confirmation modal to prevent accidental deletions.

Closes # 77

Changes proposed

What were you told to do?

Implement member management functionalities on admin dashboard

What did you do?

Develop the UI as provided in the design Developed the search component to query members based on search criteria Displayed the search results using a demo card component. Developed filter options to narrow down member results with the appropriate API endpoints to fetch filtered results and display the filtered results using the member card component

FIGMA LINK https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=96-19505&m=dev

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

Screenshots/Videos

https://github.com/user-attachments/assets/9a027bf2-33c2-463d-900e-c0a3e7d833ce