SpaceX app displaying information ranging from individual rocket information, to a full list of all SpaceX launches, to upcoming launches!
📍View Demo
Table of Contents
This app was built with the intention of making a beautiful and easy to use interface for finding information about SpaceX, specifically their launch vehicles, crew vehicles and launches. With this app, you can view information and media on the next upcoming SpaceX launch, the first ever SpaceX launch, and everything in between presented in a clean and engaging package.
A list of resources used are mentioned in the acknowledgements.
Keep reading to see more about this project!
Follow these steps to get a local copy up and running.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/tipenehughes/space-x-app
- Install NPM packages
npm install
- Run the app
npm start
📍View Live Demo Here!
☝️ Landing page displaying countdown to next upcoming launch and other important information items
☝️ Pages displaying information on different rocket and capsule types, with milestone videos displayed
☝️ Missions list presenting important information about each launch ever conducted by SpaceX.
The mission list is able to be filtered through a variety of criteria. The user can click on any mission to display a pop up with further information, video, and links to further information.
Project Link: https://spacex-project.netlify.app/