AstroImpact: Meteor Tracker App

AstroImpact is a dynamic, real-time meteor visualization and alert system designed to track celestial events and educate users about near-Earth objects.

Comment

Inspiration

The inspiration sparked from a passion for space and a desire to make cosmic events like meteor showers and planetary motion accessible and engaging. We wanted learners of all ages to feel the wonder of our universe through an interactive digital lens.

What it does

AstroImpact is a visually immersive meteor and planetary tracker that simulates real-time orbital mechanics, dynamic meteor effects, and educational overlays. It offers:

  • Real-time planetary movement and alignment
  • Meteor shower visualization (future enhancement)
  • Click-to-explore celestial details
  • Fun facts and scientific data for each object
  • Responsive, space-themed UI for all devices

How we built it

  • Frontend Framework: React 18 + TypeScript
  • Styling & UX: Tailwind CSS with custom animations
  • APIs & Data: NASA Meteorite Landings API
  • 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 (reclat and reclong) - Discovery classification

Challenges we ran into

  • Simulating realistic planetary speeds and alignments
  • Balancing visual complexity with performance for smooth 60fps animations
  • Designing dynamic hover effects without overwhelming the user
  • Ensuring accessibility while maintaining premium aesthetics

Accomplishments that we're proud of

  • Created an engaging space app that combines education and interactivity
  • Built real-time orbital simulations with planetary textures and animations
  • Delivered Apple-grade UI aesthetics with responsive behavior across devices
  • Designed a user experience that is both informative and inspiring

What we learned

  • Deepened our understanding of orbital mechanics and planetary science
  • Mastered advanced CSS animations and performance optimization in React
  • Gained insights into accessible design and user-centric educational tools
  • Learned how to align thematic design with functional data visualization

What's next for AstroImpact: Meteor Tracker App

  • Add meteor tracking using NASA’s Fireball API and Near-Earth Object data
  • Introduce AR features for real-time stargazing via mobile
  • Expand to exoplanet exploration beyond our solar system
  • Launch multi-language support and classroom-ready tools
  • Build a teacher dashboard for guided space learning in schools

Built With

Share this project:

Updates