This is a Single Page Application that shows a list of rockets and a list of missions. It also shows a profile with the rockets reserved and missions joined. It uses a SpaceX API to get the data to show. The project has the next features: Show a list of rockets, show a list of missions, reserve a rocket, join missions, and show a profiles.
Use useSelector() Redux Hook to select the state slices and render lists of rockets in corresponding routes. i.e.:
// get rockets data from the store
const rockets = useSelector(state => state.rockets);
You can style the whole application "by hand" or you could use React Bootstrap, a UI library that could speed up the process. This is a popular library and working with its components would be good practice.
Render a list of rockets (as per design). For the image of a rocket use the first image in the array of flickr_images.
Use
useSelector()
Redux Hook to select the state slices and render lists of rockets in corresponding routes. i.e.:You can style the whole application "by hand" or you could use React Bootstrap, a UI library that could speed up the process. This is a popular library and working with its components would be good practice.
Render a list of rockets (as per design). For the image of a rocket use the first image in the array of
flickr_images
.