@MelvinAguilarSubmitted 11 months ago
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. 😊✌️
