A Real-Time Space Mission Dashboard
Designed and built for Nebula Nexus by Club Cosmos
Problem Statement 8:
Design a web-based dashboard that visualizes live or simulated space mission data, such as satellite telemetry, ISS location, Mars weather, or asteroid tracking.
Cosmic Explorer is an elegant, data-rich web dashboard that brings space exploration data to everyone. Whether you’re following the path of the International Space Station, checking Mars weather, tracking potentially hazardous asteroids, or viewing daily space highlights, Cosmic Explorer provides a seamless, real-time gateway to the universe.
- Live ISS Tracking: See the real-time position, altitude, and speed of the International Space Station on an interactive map.
- Mars Weather Module: Current reports and atmospheric data straight from Mars via NASA’s Insight API.
- Asteroid & NEO Visualizer: Track near-Earth objects and asteroids with up-to-date information.
- APOD Integration: View NASA’s Astronomy Picture of the Day with stunning imagery and educational descriptions.
- High-Res Satellite Imagery: Explore Earth from above with satellite map overlays.
- Animated Visuals: Immerse yourself in dynamic backgrounds like VANTA Globe and Dots for a futuristic experience.
- Responsive & Minimal UI: Dark mode, mobile-friendly, tabbed navigation.
| Layer | Technology |
|---|---|
| Frontend | React (Next.js structure) |
| Styling | Tailwind CSS |
| Visualization | VANTA.js, Chart.js |
| Maps | Leaflet.js / MapTiler / OpenSteetMap |
| APIs | NASA Open APIs, WhereTheISS.at |
| Hosting | Vercel |
| CI/CD | GitHub Actions |
git clone https://github.com/your-username/cosmic-explorer.git
cd cosmic-explorernpm install- Register for a NASA API key.
- Register for MapTiler MapTiler.
npm run dev-
Visit
http://localhost:3000in your browser. -
Deploy to Vercel or any preferred hosting service.
-
Home/Landing: Animated background with dashboard CTA, featuring APOD and navigation.
-
Dashboard:
- ISS Live Tracker: Map, telemetry data, and stats.
- Mars Weather: Latest weather, atmospheric trends, rover images.
- Asteroid Tracker: Table and visual alerts for upcoming asteroid approaches.
- Satellite Imagery: Earth high-resolution live and archival views.
- Satellite Telemetry: View Operational satellites info.
-
Auto-refresh: Real-time data modules update automatically.
-
Responsive UI: Works on desktop and mobile.
| Module | Data Source |
|---|---|
| ISS Tracking | WhereTheISS.at |
| Mars Weather | NASA Insight API |
| Asteroid Data | Asteroids NeoWs |
| Satellite Imagery | GIBS imagery |
| MapTiler | MapTiler |
Special thanks to the amazing team behind COSMIC EXPLORER:
👨💻 HB Singh Chaudhary (M4YH3M-DEV)