This is the PR for the review from Microverse, for the Space Travelers' Hub app. The tasks done are:

• [x] Create React App.
• [x] Install React Redux, Redux Logger and React Router.
• [x] Download the free image for the app logo.
• [x] Create empty navigation (this will be filled in in separate tasks).
• [x] 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 navigation link).
• [x] This view should be empty - you will add content in separate tasks.
• [x] 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 navigation link).
• [x] Create a directory for all Redux state slice files.
• [x] Fetch data from the Rockets endpoint (https://api.spacexdata.com/v3/rockets) when the application starts (as Rockets is the default view).
• [x] Once the data are fetched, dispatch an action to store the selected data in Redux store: id, rocket_name, description, flickr_images.
• [x] Render a list of rockets (as per design). For the image of a rocket use the first image in the array of flickr_images.
• [x] Fetch data from API with Axios
• [x] Select data from API
• [x] Display the selected data from API
• [x] Add basic styling for the page
• [x] Add an action with an id as a variable for the redux-store when joining and leaving a mission.
• [x] Implement this action on an event listener for the button.
• [x] Change the style dynamically on the status and button section of the specific mission.
• [x] Change text when a user joins a mission.
• [x] Create a new file to work with the states without changing the previous states.
• [x] Filter all the missions pages to work with only the missions that the user selected.
• [x] When a user clicks the "Reserve rocket" button, an action needs to be dispatched to update the store.
• [x] Make sure you place all your logic in the reducer.
• [x] Follow the same logic as with the "Reserve rocket" - but you need to set the reserved key to false.
• [x] Dispatch these actions upon clicking on the corresponding buttons.
• [x] Rockets that have already been reserved should show a "Reserved" badge and "Cancel reservation" button instead of the default "Reserve rocket".
• [x] Delete files that were not being used
• [x] Add unit test for MissionLi component
• [x] Add unit test for Header component
• [x] Add unit test for user-mission component
• [x] Render a list of all reserved rockets (use filter()) on the "My profile" page.
• [x] Test rocket related functionality.

Thank you.

On this pull request, I add different tests for 3 different components

Summary

• [x] Delete files that were not being used
• [x] Add unit test for MissionLi component
• [x] Add unit test for Header component
• [x] Add unit test for user-mission component

In this PR, the following functionalities were implemented:

• [x] When a user clicks the "Reserve rocket" button, an action needs to be dispatched to update the store.
• [x] Make sure you place all your logic in the reducer.
• [x] Follow the same logic as with the "Reserve rocket" - but you need to set the reserved key to false.
• [x] Dispatch these actions upon clicking on the corresponding buttons.
• [x] Rockets that have already been reserved should show a "Reserved" badge and "Cancel reservation" button instead of the default "Reserve rocket".

On this pull request, I will be adding the missions that the user joined on the My Profile page

Summary

• [x] Change text when a user joins a mission.
• [x] Create a new file to work with the states without changing the previous states.
• [x] Filter all the missions pages to work with only the missions that the user selected.

On this pull request, I'll be implementing action for leaving and joining a mission.

Summary

• [x] Add an action with an id as a variable for the redux-store when joining and leaving a mission.
• [x] Implement this action on an event listener for the button.
• [x] Change the style dynamically on the status and button section of the specific mission.

#10 #9

on this pull request, I added an essential structure for the mission page

Summary

• [x] Fetch data from API with Axios
• [x] Select data from API
• [x] Display the selected data from API
• [x] Add basic styling for the page

• [x] 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 navigation link).
• [x] Create a directory for all Redux state slice files.
• [x] Fetch data from the Rockets endpoint (https://api.spacexdata.com/v3/rockets) when the application starts (as Rockets is the default view).
• [x] Once the data are fetched, dispatch an action to store the selected data in Redux store: id, rocket_name, description, flickr_images.
• [x] Render a list of rockets (as per design). For the image of a rocket use the first image in the array of flickr_images.

Thank you.

This is the first part of the group project: Space travelers' hub

In this pull request we:

• [x] Create React App.
• [x] Install React Redux, Redux Logger and React Router.
• [x] Download the free image for the app logo.
• [x] Create empty navigation (this will be filled in in separate tasks).
• [x] 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 navigation link).
• [x] This view should be empty - you will add content in separate tasks.

• Create a route and a view component. Use <NavLink /> for the page navigation links and style active class to indicate which section/page the user is currently on (underline active navigation link).
• This view should be empty - you will add content in separate tasks.

• Create a route and a view component. Use <NavLink /> for the page navigation links and style active class to indicate which section/page the user is currently on (underline active navigation link).
• Create a directory for all Redux state slice files.

• Create a route and a view component. Use <NavLink /> for the page navigation links and style active class to indicate which section/page the user is currently on (underline active navigation link).
• Create a directory for all Redux state slice files.