dev #3662
Updated by Md.Sajib Ahmed 5 months ago
### **Task Summary** Implement the **Project Page** UI based on the provided Figma design with full responsive behavior across all breakpoints. ### **Scope of Work** #### **1. Responsive Design for Project Page** * Build the full page layout according to the Figma structure. * Ensure the page works smoothly across **mobile, tablet, laptop, and desktop**. #### **2. Create Core Components** * **Header Component** * Page title * Action buttons (if any from Figma) * **Search Component** * Search input * Filter triggers (if included in Figma) * **Project Card Component** * Project title, description, and metadata * Status indicator * Action menu trigger #### **3. Implement Dropdown Menu for Project Actions** * Create an interactive dropdown menu on each project card. * Use shadcn/ui or existing component structure. * Should support options like edit, view, delete (if defined in design). #### **4. Full Responsive Behavior** * Follow Figma breakpoints strictly. * Components should adapt layout, spacing, typography, and grid changes. * No functional/API integration required — **design only**. #### **4. How To Test** Navigate to http://localhost:3000/client/dashboard Components: /components/project/* Icon /public/icon/client