Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Fylo dark theme landing page - Astro - Tailwind CSS - ReactJS - TS

astro, react, typescript, tailwind-css
Santiago Moraga Caldera•710
@Remy349
A solution to the Fylo dark theme landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I really enjoyed developing this project using Astro in combination with TailwindCSS for styling and a bit of ReactJS and TypeScript to add interactivity to the page.

I added a few extra things:

  • Responsive and interactive menu using ReactJS.
  • The form is validated with Zod | TypeScript and React Hook Form.
  • At the moment of entering the email and sending it, a success notification is displayed, this was achieved using Sonner, an opinionated toast component for React.

If you plan to develop this project using Astro as a framework for landing page development. Go ahead, take a look at my project with confidence :)

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Santiago Moraga Caldera'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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License