hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
Apache License 2.0
205 stars 264 forks source link

[FIX]: [PHOENIX] [FE] Set Maximum Character Limit Validation for Description Field in Add Product Modal #1392

Open Olnuel opened 2 weeks ago

Olnuel commented 2 weeks ago

Description

Implement a maximum character limit validation for the description field in the "Add Product" modal. This will help maintain a manageable length for product descriptions.

Acceptance Criteria

  1. A maximum character limit should be enforced on the description field in the "Add Product" modal.
  2. When users approach the character limit, a visual indicator should display the number of characters remaining.
  3. If users attempt to exceed the character limit, an error message should be displayed, preventing them from submitting the form until the input is within the allowed limit.

Links

| FIGMA LINK https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=3037-3128&t=VEj4y3G0vEn4g18k-4

https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=2961-3058&t=VEj4y3G0vEn4g18k-4

https://www.loom.com/share/18105e39bed34346a4cce091e122b4a1?sid=21b17569-1f3b-476e-acac-6009a2331cde

https://www.loom.com/share/9d6413c63bde448f904cdf6df14d6075?sid=0470e741-1088-48fb-8d99-2bb8edc77064

Images

Screenshot 2024-08-23 215831

SAGHEDEV commented 2 weeks ago

I'm on it