High-Fidelity Space Exploration Dashboard
Project VOID is a cinematic mission control center built with React and Tailwind CSS. It aggregates real-time telemetry, orbital tracking, and global space news into a single, immersive "Sci-Fi HUD" interface, fully equipped with offline service worker support.
- Live Mission Control: Real-time countdowns for upcoming rocket launches globally via the TheSpaceDevs API.
- Orbit Tracker: Live ISS telemetry (Altitude/Velocity) and overflight predictions powered by WhereTheISS.at and Leaflet GL.
- Spaceflight News: A curated global intel feed aggregated from top space subreddits using the Reddit JSON API.
- Asset Database: A deep technical wiki for the SpaceX fleet, including boosters, dragons, and naval recovery ships.
- PWA Ready: Fully installable on mobile and desktop with robust offline support capabilities.
- Cinematic Intro: Procedural "Big Bang" initialization sequence featuring real-time Web Audio API sound synthesis.
| Category | Technology | Description |
|---|---|---|
| Frontend | React 19 | Strict Mode enabled for robust UI rendering. |
| Styling | Tailwind CSS v4 | Alpha/Beta with custom glassmorphism & motion effects. |
| Mapping | Leaflet & React-Leaflet | High-performance orbital path rendering. |
| Networking | Axios + Custom Cache | TTL-based Cache Manager to minimize API rate-limiting. |
| Icons | Lucide-React | Consistent, clean HUD iconography. |
The application utilizes a State-Based Routing architecture to maintain a seamless, native-app feel without page reloads.
- Boot Sequence:
App.jsxtriggers the IntroAnimation, initializing audio oscillators for immersive sound effects before mounting the main dashboard. - Caching Layer: The
cacheManager.jsintercepts all API calls, storing JSON payloads inlocalStoragewith specific expiration timers (e.g., 5 seconds for ISS data, 15 minutes for launches) to prevent rate limits. - Responsive Layout: The UI adapts dynamically—shifting the navigation bar from a bottom thumb-bar on mobile to a vertical sidebar on desktop environments.
To run Project VOID locally on your machine:
1. Clone the Repository:
git clone https://github.com/Vignesh-72/Void.git](https://github.com/Vignesh-72/Void.git
cd Void2. Install Dependencies:
npm instal- Run the Development Server:
npm run dev- Build for Production:
npm run build| Data Point | Provider | Purpose |
|---|---|---|
| Launches | TheSpaceDevs (LL2) | Upcoming mission telemetry |
| Orbital Path | WhereTheISS.at | Real-time ISS coordinates |
| Assets | SpaceX API v4 | Fleet and booster history |
| Intel Feed | Reddit JSON | Community-curated news |
| Geocoding | Nominatim (OSM) | Locating user cities for flyovers |
This project is developed for educational purposes. All data is sourced from public, third-party APIs.
Developed by Vignesh S.