{"id":21246771,"url":"https://github.com/apfirebolt/vue-spacex-launchpad","last_synced_at":"2025-04-09T05:28:18.808Z","repository":{"id":114820963,"uuid":"420994642","full_name":"Apfirebolt/vue-spacex-launchpad","owner":"Apfirebolt","description":"An app which contains spacex related info from their open API","archived":false,"fork":false,"pushed_at":"2025-03-27T05:29:04.000Z","size":2904,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T06:27:00.039Z","etag":null,"topics":["api-integration","docker","headlessui","nginx","spacex-api","tailwindcss","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://vue-spacex-launchpad.vercel.app","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Apfirebolt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-25T11:25:50.000Z","updated_at":"2025-03-27T05:29:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"25d25ac0-b3dd-443e-ab51-3f2e24ded90a","html_url":"https://github.com/Apfirebolt/vue-spacex-launchpad","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fvue-spacex-launchpad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fvue-spacex-launchpad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fvue-spacex-launchpad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fvue-spacex-launchpad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apfirebolt","download_url":"https://codeload.github.com/Apfirebolt/vue-spacex-launchpad/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247984720,"owners_count":21028555,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-integration","docker","headlessui","nginx","spacex-api","tailwindcss","vue","vuejs"],"created_at":"2024-11-21T02:05:41.449Z","updated_at":"2025-04-09T05:28:18.788Z","avatar_url":"https://github.com/Apfirebolt.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue SpaceX LaunchPad, a database App using SpaceX API - Vue JS and Tailwind CSS ⚡️\n\n![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge\u0026logo=vuedotjs\u0026logoColor=%234FC08D)\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![Nginx](https://img.shields.io/badge/nginx-%23009639.svg?style=for-the-badge\u0026logo=nginx\u0026logoColor=white)\n\n## Project Briefing\n\n![Project Header](./screenshots/1.png)\n\nThis uses open API provided by SpaceX which is related to missions they've launched over the years. This displays details related to it through a beautiful user interface and filters provided. This uses Vue-Tailwind UI library in Vue for UI components which are powered by Tailwind CSS.\n\nTried to convert the app to Vue 3 using Vite but just came to know that the UI library used in this 'vue-tailwind' is no longer maintained and is not supported for Vue 3. In place of this, Headless UI can be used.\n\nThe project is available for demo at https://vue-spacex-launchpad.vercel.app\n\nMade with ❤️ by **[@apfirebolt](https://github.com/Apfirebolt/)**\n## Features\n\n- Makes use of SpaceX public API to search for launches and filter them based on various parameters. \n- Vue-Tailwind components used for Tables and Modals inside the application. \n\n## Built With\n\n* [Vue](https://vuejs.org//)\n* [Vue-Tailwind](https://www.vue-tailwind.com//)\n* [Tailwind CSS](https://tailwindcss.com//)\n\n## Project setup\n\nSimply install node modules for the app and run the serve script.\n\n```\nnpm install\nnpm run dev\n```\n\nFor production, run the build npm command and serve the static files through a production or development server.\n\n```\nnpm run build\nnpm start\n```\n\n## Project Screenshots\n\nPlease find some of the screenshots of the application. Below is the screenshot of the Home Page.\n\n![Screenshot 1](./screenshots/1.png)  \n![Screenshot 2](./screenshots/2.png)  \n![Screenshot 3](./screenshots/3.png)  \n![Screenshot 4](./screenshots/4.png)  \n![Screenshot 5](./screenshots/5.png)\n\n## Testing\n\nTesting using Vitest and vue-test-utils for Vue 3.\n\n```\nnpm i vitest @#vue/test-utils@next\nnpm i happy-dom\n```\n\nAdd test script in your package.json file\n\n```\n\"test\": \"vitest\"\n```\n\nHappy Dom package would help mimicking the browser environment inside Node.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fvue-spacex-launchpad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapfirebolt%2Fvue-spacex-launchpad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fvue-spacex-launchpad/lists"}