Frontend Challenge: World Asteroid Day, 30th June

This is a submission for Frontend Challenge - June Celebrations, Perfect Landing: June Celebrations

What I Built

A celebration of World Asteroid Day, 30th June

🌌 View live here

Journey

I've wanted to learn Tailwind CSS for a while, so this challenge was the perfect opportunity to expand my skills. Space has always fascinated me, so choosing World Asteroid Day as my inspiration was a natural fit. My goal was to create an educational and inspiring site for a younger audience, which led to this interactive landing page celebrating the day.

It Features:

• ☄️ Real asteroid field
• 🚀 Space travel
• ℹ️ Interesting facts
• ❓ Interactive quiz
• 🧑‍🎓 Downloadable personalized certificate.

Tech used

• React with typescript
• R3F for animated asteroid field
• Tailwind CSS for styling
• Google Gemini (free plan) for image generation

I had a blast creating this landing page, and I hope you enjoy it too!

MIT license

Github repo

Comments

[sahra 💫]

I love this. Nice Job.

[Eoin McGrath]

Thanks, sahra!

[Futuritous]

Cool!