FAQ accordion (Tailwind CSS)

Hi there 👋, I’m Melvin, and this is my solution for this challenge. 🚀

🎁 Features:

• Achieved 100% in Lighthouse score for performance, accessibility, best practices, and SEO. 📊
• Progressive Web App (PWA) support. 📱🌐
• Utilized TailwindCSS for responsive styling. 🎨
• Codebase is well-maintained and formatted using Prettier. 💻
• Resemblance with the original design. 🎨
• No media queries were used. 📱
• Integrated very small animation. ✨

💻 Two Solutions in Two Branches:

• Native HTML Solution: Utilizing <details> and <summary> tags without the need for JavaScript. 🚀
• Accessible Disclosure Solution: Implementing Accessible Disclosure with a11y in mind for enhanced accessibility. 🌐

🛠️ Built With:

• TailwindCSS. 🎨
• npm - prettier - prettier-plugin-tailwindcss. 💻

• 📚 Further Resources:

  If you're interested in creating an Accessible Disclosure, I recommend checking out this informative article by Grace Snow: Tutorial: Let's Build an Accessible Disclosure

Any suggestions on how I can enhance this solution or achieve even better performance are welcome!

Thank you. 😊✌️