SpaceX Landpad Viewer
A Svelte-based application to view and filter SpaceX landpads with detailed information, maps, and charts. This project uses the Flowbite Svelte component library for UI and integrates a shared state for managing filters and view modes.
Features:
- View SpaceX landpads in a list or grid view.
- View SpaceX landpads in a list or grid view.
- Interactive modal to display detailed information.
- Map and chart visualizations for landpads.
- Uses the SpaceX API to fetch real-time data.
Prerequisites
node >= 18
npm >= 9
Installation Steps
- Clone the repository:
git clone https://github.com/Arif-hossaian/Svelte-SpaceX.git
cd Svelte-SpaceX
- Install base dependencies:
npm install
- Install required packages:
npm install flowbite-svelte flowbite-svelte-icons
Development
Start the development server:
npm run dev
Building
To create a production build:
npm run build
Testing Production Build
To preview the production build:
npm run preview
Technologies Used:
- Sevlte 5
- Sevlte Kit
- Flowbite Sevlte
- SpaceX API
- Mapbox GL (for maps)
- Doughnut Chart (for chart visualization)
