Space_Travelers

Space_Travelers copied to clipboard

# Description This Pull Request introduces the work done in the `develop ` branch to the `master` branch of our Space Travelers' Hub app. The application meets all project requirements....

ClaudiaRojasSoto

Setup Kanban board

1

[Kanban board](https://github.com/ClaudiaRojasSoto/Space_Travelers/projects/1) - [x] Dear reviewer, we would like you to keep in mind that our team is made up of two members. Greetings, @ClaudiaRojasSoto @CesarHerr

CesarHerr

- Create a route and a view component. Use `` for the page navigation links and style active class to indicate which section/page the user is currently on (underline active...

ClaudiaRojasSoto

Fetch data from the Dragons endpoint (https://api.spacexdata.com/v3/dragons) when a user navigates to the Dragons section. Once the data are fetched, dispatch an action to store the selected data in Redux...

ClaudiaRojasSoto

- Use `useSelector()` Redux Hook to select the state slices and render lists of dragons in corresponding routes. i.e.: ```javascript // get rockets data from the store const rockets =...

ClaudiaRojasSoto

- When a user clicks the "Reserve dragon" button, action needs to be dispatched to update the store. You need to get the ID of the reserved dragon and update...

ClaudiaRojasSoto

- Follow the same logic as with the "Reserve dragon" - but you need to set the `reserved` key to `false`. - Dispatch these actions upon click on the corresponding...

ClaudiaRojasSoto

Dragons that have already been reserved should show a "Reserved" badge and "Cancel reservation" button instead of the default "Reserve dragon" (as per design). Use the React conditional rendering syntax:...

ClaudiaRojasSoto

Render a list of all reserved dragons (use `filter()`) on the "My profile" page.

ClaudiaRojasSoto