Skip to content

feat: implement SpaceX rockets list and detail pages#99

Open
irfandoart1626 wants to merge 2 commits into
allobankdev:mainfrom
irfandoart1626:feat/allo-spacex
Open

feat: implement SpaceX rockets list and detail pages#99
irfandoart1626 wants to merge 2 commits into
allobankdev:mainfrom
irfandoart1626:feat/allo-spacex

Conversation

@irfandoart1626
Copy link
Copy Markdown

Summary

This PR implements the Allo Bank frontend technical assignment using Vue 3, TypeScript, Vite, and Vuetify.

Features

  • Display rocket list from the SpaceX API
  • Show rocket image, name, and description on the list page
  • Filter rockets by keyword, status, and source
  • Add new rocket through a local draft flow
  • View rocket detail page with:
    • image
    • name
    • description
    • cost per launch
    • country
    • first flight

Technical Notes

  • Implemented routing for list and detail pages
  • Implemented centralized state management using Vue reactivity
  • Implemented lifecycle-based data fetching
  • Added reusable components for cards, filters, dialogs, and state handling
  • Added UI states for loading, error/retry, empty state, and success flow

Validation

  • npm run build
  • npm run lint

Assumptions

  • Add Rocket is implemented as a local draft stored in client state and localStorage because the public SpaceX API used in this assignment is read-only.

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