Submitted over 1 year ago

FAQ Accordion using ReactJS & TailwindCSS

lighthouse, react, tailwind-css, vite, bem

Arshad Ali Kaldane•650

@IamArshadAli

A solution to the FAQ accordion challenge

Preview Code

Solution retrospective

🙋‍♂️ Hello, Everyone,

Here is my solution for the FAQ Accordion.

Scored 89% on Google Pagespeed Insights! 🤩
Built with ReactJS | Designed with TailwindCSS 🛠️ | Mobile-First approach 📱
Implemented <details> & <summary> to create accordion without using JS #️⃣
Utilized prettier-plugin-tailwindcss to auto-sort TailwindCSS classes 🎨
Utilized BEM principles to create a consistent structure of TailwindCSS classes
Minified the CSS files to improve site performance 🚀

Do you have any insights to share❔

I'll be happy to hear them. 🤓

Code Together | Learn Together | Grow Together

Code

Please log in to post a comment

Community feedback

takinabradley•100
@takinabradley
Posted about 1 year ago
Looks good!

I might challenge you to extract this into a separate component, and to feed it question/answer data to render in React!

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord