Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results Summary Component | Astro, TailwindCSS & React

#astro#react#tailwind-css

@davidochoadev

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, everyone! 👋

I'm David and this is my solution for this challenge.

✏️ Created with:

  • Astro 🚀
  • TailwindCSS 🎨
  • React ⚛️
  • Mobile-First Workflow 📱

📝 What have i tried to implement in this project?

I'm still experimenting with Astro, and I'm absolutely loving it. I've been using this project to implement React components and explore the concept of Astro Islands, also known as component islands. The term "Astro Island" refers to an interactive UI component embedded within an otherwise static HTML page. These islands can be present in multiple instances on a single page, and each island always renders independently. Visualize them as dynamic islands floating within a vast ocean of static, non-interactive HTML. The seamless integration of Astro Islands brings a new level of interactivity and dynamism to web development, allowing for the creation of engaging and immersive user experiences. By leveraging the power of Astro, I'm able to transform traditional static web pages into lively environments where user interaction takes center stage. This exploration has not only expanded my knowledge of React and component-based architecture but has also sparked my curiosity to delve further into the realm of Astro's possibilities.

As usual, any suggestions and help on how I can improve are welcome.

Best regards,

David Ochoa. 😼

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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