Download dependencies using npm install
.
In the project directory, you can run: npm start
.
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The website is fully responsive. Material UI is used to build fast and responsiveness.
Navigation Bar and First 6 launches will be listed as the pageSize given is 6. Note - Navigations are shown for sample purpose only.
react-infinite-scroll-component
used for infinite scrolling. When user scrolls it will keep calling API and adding new launchs cards until the API reaches its limit.
Below items can be seen in each launch item card :
1.Image 2.Launch Title 3.Flight Number 4.Date 5.Details 6.Readmore
OnClick of the each launch item card detailed modal will open with its details.
OnClick of Readmore button, the specific article will open in new tab.