Consumes SpaceX data public to show mission details filtered by year, launch and land success.
https://space-x-odessy.vercel.app/
To get started, just clone the repository and run npm install && npm test && npm run dev:
git clone https://github.com/GauravC4/SpaceX-Odessy.git
npm install
npm test
npm run dev
If you wanted to run this site in production, you should install modules, run tests with npm test, then build the site with npm run build and run it with npm start:
npm install
npm test
npm run build
npm start
In both cases the app should be up and running at http://localhost:3000
-
It uses
which is a React Server Side Rendering framework. First page is rendered on server which provides better SEO support and performace, subsequent requests are taken care of with ajax and json response from server so page refresh is not required to update data.
-
For styling global and component level css is used. Media queries are used for responsive design with mobile first approach. Layout uses a combination of flex box and css grid.
-
library is used for the loading animation.
-
for unit testing the js functions and
for testing react components.
-
Deployment is done on
. It hooks on to the main branch in git and whenever there's a commit, automated test cases are run and build the deployed.
Icons made by Freepik from www.flaticon.com