[FEAT] External Static Pages > Pricing Page > FAQ Accordion - Githubissues

hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech

Apache License 2.0

205 stars 265 forks source link

[FEAT] External Static Pages > Pricing Page > FAQ Accordion #226

Closed skeby closed 3 weeks ago

skeby commented 1 month ago

Description

Develop the accordion on the FAQ section of the pricing page.

Requirement

Make use of shadcn accordion to implement this accordion
Ensure that the accordion design (border colors, background color, text content, etc.) remains consistent with the design.
Make sure it is responsive on all screen sizes.

Testing

Make use of react testing library to write unit tests for this component (Note that this library is already installed in the project codebase).
Test different scenarios/cases to model a real life use of the component

Task

[ ] Create an accordion component with shadcn.
[ ] Include props for the title and accordion content
[ ] Make the accordion component responsive for mobile devices.
[x] Write unit tests to ensure the component works as expected.

Acceptance Criteria

Create an accordion component that displays the title, and the text content shown when the accordion is opened.
Ensure pixel perfect implementation of the design.
Make sure it is responsive on all screen sizes
Write unit tests for this component to model expected behavior.

Links

Figma Link shadcn accordion

Images

Desktop View Mobile View

sheddyboy commented 1 month ago

issue already exists https://github.com/hngprojects/hng_boilerplate_nextjs/issues/46