- React.js
- Redux.js
- Styled with Materialize-css
- Tested with Jest and react-testing-library
- SpaceX API
- ES6 JavaScript
- HTML, CSS
Welcome to the SpaceX Stats page. This page was built with React and Redux. It uses the SpaceX API form which, details of each launch are fetched, organised and displayed to you.
This project takes all the launches from the API and sorts then by type of rocket. The launches of the different rockets can be navigated in the Navbar at the top of the page or by clicking any 1 of the rockets on the Home Page. Each rocket's image and details are displayed in a card on the page. Any of these cards are clickable, which will take you to a details page. This details page consists of an embedded YouTube video (the official live stream) as well as some other links to various articles and Reddit posts. Lastely, a swipable image gallery is displayed at the bottom of the page.
At the moment, 3 of the 4 SpaceX rockets have flown. Fingers crossed for Starship 😄
To get a local copy up and running follow these simple example steps.
Have a browser installed
Clone this repo with [email protected]:Azeem838/spacex-stats.git
cdinto the project directory- run
npm install - Navigate to localhost:8000 in your browser.
- Enjoy 😃
The tests were written with React Testing Library and Jest.
Run npm test and on the prompt press a
Note: if you get an ASYNC timeout of 5 seconds, please re-run the tests, depending on your internet connection, the API might take a little longer to respond.
👤 Azeem Ahmed
- Github: @Azeem838
- LinkedIn: Azeem Ahmed
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.