Submitted about 2 years ago

Fylo dark theme landing page (React JS + Tailwind CSS + Framer Motion)

accessibility, framer-motion, lighthouse, react, tailwind-css

Melvin Aguilar 🧑🏻‍💻•61,040

@MelvinAguilar

A solution to the Fylo dark theme landing page challenge

Preview Code

Solution retrospective

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

🎁 Features:

Little animation with Framer motion using useReducedMotion hook. 🎬
97%/100% on lighthouse report and PageSpeed Insights. 🚀
Tested with the TalkBack screen reader on mobile. 📱
Custom scrollbar. 🖱️

🛠️ Built With:

React JS. ⚛️
React Hook Form. 📝
Framer Motion. 🎬
TailwindCSS. 🎨
npm - prettier - prettier-plugin-tailwindcss. 📦

Any suggestions on how I can improve and reduce unnecessary code are welcome!

Thank you. 😊✌️

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Melvin Aguilar 🧑🏻‍💻's solution.

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