SkyTrack lets you explore satellites orbiting Earth in an interactive 3D environment. It combines accurate orbital data from the Celestrak API with a TypeScript + Vite + React front-end and a Three.js rendering engine.
// TODO: Add a preview of the project
- 🛰️ Live satellite visualization — see real orbital positions in real-time.
- 🌐 Interactive 3D globe — pan, zoom, and rotate Earth with smooth orbit controls.
- ✨ Dynamic glow effects — satellites gently pulse when idle and highlight when selected.
- 🎯 Camera focus — click or select a satellite to smoothly center and follow it.
- 🧭 Sidebar control — toggle the globe visibility and select satellites directly from the list.
| Layer | Technology |
|---|---|
| Language | TypeScript |
| Framework | React 18 + Vite |
| 3D Engine | Three.js |
| Orbital Computation | Satellite.js |
| Data Source | Celestrak API |
| Date/Time | Luxon |
git clone https://github.com/your-username/skytrack.git
cd skytrackpnpm install
# or npm install / yarn installpnpm dev
# or npm dev / yarn dev| Action | Description |
|---|---|
| Left Click + Drag | Rotate the globe |
| Scroll | Zoom in/out |
| Click satellite | Focus + follow in orbit |
| Click empty space | Deselect and reset view |
| Toggle Globe button | Hide/show Earth for a clearer view |