AstroImpact is an interactive app that tracks meteor landings across the globe using real data fetched from NASA. It makes space data visually engaging and accessible to everyone.
Our inspiration stems from a passion for space and the fascination with celestial phenomena—especially meteor showers and their impact on Earth. Through AstroImpact, we aim to make space data not only informative but also visually engaging and accessible to everyone.
AstroImpact is an interactive app that tracks meteor landings across the globe using real data fetched from NASA. It features:
- 🖼️ Page slider for a smooth onboarding experience
- 📊 Table view listing meteor strikes worldwide
- 📍 Interactive map pins using geolocation from latitude & longitude
- 🗂️ Clickable meteor entries with expandable detail views
Built with modern tools and intuitive design:
- Frontend Framework: React 18 + TypeScript
- Styling & UX: Tailwind CSS with custom animations
- APIs & Data: NASA Meteorite Landings API
- Deployment Ready: Works seamlessly with platforms like Netlify or Vercel
- Map view powered by geolocation logic + embedded API data
- API: We used NASA’s public Meteorite Landings API, which provides:
- Meteor name, type, mass, and year
- Geolocation data (
reclatandreclong) - Discovery classification
- Structuring meteor data into a clean table format
- Linking geospatial coordinates to map pins
- Ensuring smooth animations for opening/closing detail views
- Handling edge cases in data entries (missing coordinates, formatting)
- Successfully integrated NASA’s open meteorite dataset
- Created a smooth user experience with interactive meteor tracking
- Made space data accessible through fold-out views and intuitive UX
- Built a fully responsive, hackathon-ready web app in under 7 days
- Hands-on use of space data APIs and geospatial mapping
- Styling dynamic components for mobile-first user experience
- Optimizing state logic for better performance
- Balancing visual engagement with data clarity
- 🛰️ Add live alerts for upcoming meteor showers
- 🌐 Expand map tracking to include real-time impact visualization
- 🌍 Support multi-language translation for global accessibility
- 🎓 Build a teacher dashboard to use AstroImpact in classrooms
- 🤖 Include AI-powered fun facts based on meteor data