This code test will determine your approach on solving problems.
You will be using SpaceX API. https://docs.spacexdata.com
Your app should only utilize https://api.spacexdata.com/v3/launches endpoint.
What the app should do:
- Display a loading component.
- Fetch data from the provided api.
- Apply infinite scrolling.
- Display fetched data in a scrollable view that lazy loads more data when scrolled down.
- Display loading component at the bottom of the list on every lazy load.
- Show message when no more data fetched.
- Integrate basic search feature.
- The above features will be the whole basis of your evaluation. If you were able to finish everything, you can then add more features to the application.
- Implement your own infinite scroll feature.
- Feel free to show off more of your skillset. You can use state management libraries, react-router and other libraries that you are comfortable using.
- You can add different transitions.
install a live server npm install -g serve
run build npm run build
server build folder serve -s build
searchable field is the rocket name (example: Falcon Heavy) case sensitive