This is our React Group Capstone Project built as a group project along with my coding partner Yosef Geda (@yosefgeda). This Project uses APIs to fetch data from API and renders that data on the page. It allows users to reserve rockets and join missions which displays in the profile page.
Use useSelector() Redux Hook to select the state slices and render lists of dragons 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 dragons (as per design). For the image of a dragon use the first image in the array of flickr_images.
Use
useSelector()
Redux Hook to select the state slices and render lists of dragons 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 dragons (as per design). For the image of a dragon use the first image in the array of
flickr_images
.