BMP Web App

Develop custom UI components across the project strictly following Figma designs. Components should be reusable, responsive, and consistent with the design system. Ensure all components match spacing, colors, typography, and interactions as per Figma.

Objective

Build custom components exactly as designed in Figma
Ensure components are reusable and modular across the application
Maintain responsiveness and consistency across all screens
Follow proper naming conventions for components

Scope

Buttons, inputs, dropdowns, modals, cards, and other UI elements
Interactive states: hover, focus, active, disabled
Component alignment, spacing, and styling per Figma
Accessibility compliance (contrast, focus outline, etc.)

Out of Scope

Backend logic or API integration
Redesigning components beyond Figma specification

Acceptance Criteria

Components match Figma designs pixel-to-pixel
Fully responsive on all supported screen sizes
Interactive states implemented correctly
Components are reusable and follow naming conventions
Tested in all major browsers