Skip to content

ramsaoji/SpaceX-Launches

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started

Download dependencies using npm install.

Run the Project

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.

Responsivness

The website is fully responsive. Material UI is used to build fast and responsiveness.

HomePage

Navigation Bar and First 6 launches will be listed as the pageSize given is 6. Note - Navigations are shown for sample purpose only.

InfiniteScrolling

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.

Single Launch Item

Below items can be seen in each launch item card :

1.Image 2.Launch Title 3.Flight Number 4.Date 5.Details 6.Readmore

Modal

OnClick of the each launch item card detailed modal will open with its details.

Readmore Button

OnClick of Readmore button, the specific article will open in new tab.