Skip to content

feat: SpaceX Rocket Explorer - Vue 3 + Pinia + Vuetify#116

Open
soloplayerID wants to merge 1 commit into
allobankdev:mainfrom
soloplayerID:feat/allo-spacex
Open

feat: SpaceX Rocket Explorer - Vue 3 + Pinia + Vuetify#116
soloplayerID wants to merge 1 commit into
allobankdev:mainfrom
soloplayerID:feat/allo-spacex

Conversation

@soloplayerID
Copy link
Copy Markdown

Features

  • Rocket list with skeleton loader, error state + retry, and search filter
  • Rocket detail page with image gallery and stats
  • Add custom rocket via modal form with validation
  • Local rockets persisted to localStorage (survives page refresh)
  • Pagination (6 per page)

Tech Stack

  • Vue 3 (Composition API + <script setup>)
  • Pinia (Setup Store pattern)
  • Vue Router (file-based routing via unplugin-vue-router)
  • Axios + SpaceX API v4
  • Vuetify 3

- Setup Pinia store with localStorage persistence and simple caching
- Add Axios HTTP client for SpaceX API integration
- Build RocketList page with skeleton loader, error state, filter, and pagination
- Build RocketDetail page with image gallery and stats
- Add AddRocketModal with form validation and auto-generated UUID
- Add TransitionGroup animations on filter/search
- Register Pinia plugin
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant