Projects - index page

[sabokhat1]

The task involves creating a project list page that displays essential project details in a table format with the following columns:

• Name,
• Status,
• Resource,
• Contract
• Price.

Each project should have a dropdown feature that reveals additional metadata when clicked.
This metadata includes:

• Status,
• Hours,
• Balance,
• Start Date,
• End Date,
• Duration.

To enhance usability, the page must include the following features:

• Pagination: Enable users to navigate through large datasets efficiently. For example, display 10-50 projects per page with controls to jump to the next or previous page.
• Filtering by Status: Allow users to narrow down the list based on project status (e.g., Active, Completed, Pending).
• Search Functionality: Provide a search bar to quickly locate projects by name or other relevant details.

The design should prioritize clarity, with intuitive controls for opening dropdowns and applying filters. The dropdown should expand smoothly, showing the metadata in an organized format. The final result should be a dynamic, user-friendly page that makes managing and viewing project details straightforward and efficient.