SpaceX has a public API available which shows information related to missions they have launched, what ships were involved, launch dates and much more. You can find this API here :-

https://docs.spacexdata.com/

This application used this data to show it in a Vue SPA. It has multiple sections for the information available through this API. There is a page for missions, one for rockets and so on. This uses Vue 3, Tailwind CSS with custom colours, Headless UI for dynamic components and AOS for animations. It also contains some test cases written using Vitest.

Started on April 10, 2025, 7:12 p.m.
Updated on April 17, 2025, 1:07 p.m.
Status:
Tags: Vue Technology Web Development

Project Link : https://github.com/Apfirebolt/vue-spacex-launchpad

Technologies Used : Vue 3, Tailwind CSS, Vitest, Headless UI

Images: