✦ React Launch Window Mission Board

A practical React mission board for tracking upcoming space launches with Launch Library 2 data, mission dossiers, telemetry, search, next-launch mode, and a local watchlist.

✨ Idea

React Launch Window Mission Board turns Launch Library 2 into a focused launch operations surface: search upcoming missions, jump to the next launch, inspect status, provider, rocket, pad, orbit, timing, mission notes, and save launches to a local watchlist.

⚙️ Stack

• React 19 + TypeScript 6
• Vite 8
• Tailwind CSS 4 via @tailwindcss/vite
• Lucide React for icons
• The Space Devs Launch Library 2 API

🔌 API

The app uses public Launch Library 2 endpoints:

• GET /2.2.0/launch/upcoming/?limit=12&mode=detailed&ordering=window_start&net__gte={now}
• GET /2.2.0/launch/upcoming/?limit=12&mode=detailed&ordering=window_start&search={query}&net__gte={now}
• GET /2.2.0/launch/upcoming/?limit=1&mode=detailed&ordering=window_start&net__gte={now}

The Space Devs provide free public access for light usage. Keep request volume low or use supported access options for higher limits.

📁 Project Structure

react-launch-window-mission-board/
|-- public/
|   `-- favicon.svg
|-- src/
|   |-- components/
|   |   |-- CommandStrip.tsx
|   |   |-- EndpointPanel.tsx
|   |   |-- LaunchStack.tsx
|   |   |-- MissionDossier.tsx
|   |   |-- TelemetryDeck.tsx
|   |   `-- WatchlistPanel.tsx
|   |-- lib/
|   |   |-- launchApi.ts
|   |   `-- savedLaunches.ts
|   |-- App.tsx
|   |-- index.css
|   `-- main.tsx
|-- LICENSE
|-- package.json
|-- vercel.json
`-- README.md

🚀 Run

npm install
npm run dev

🧪 Checks

npm run lint
npm run build

▲ Deploy

📄 License

MIT License. See LICENSE.