In this Project we:

• Setup the project with Create React App
• Installed React Redux Redux Logger and React Router
• Created directories for all Redux state slice files using ducks pattern
• Fetched data from SpaceX API Rockets and Missions
• Rendered lists of rockets and missions in corresponding routes
• Created a reducer and action dispatcher for the "Reserve Rocket” button in the rockets route
• Implemented a Reserved badge and "Cancel reservation" button when the button Reserve Rocket is pressed in the rockets route
• Created a reducer and action dispatcher for the "Cancel Reservation” button in the rockets route
• Created a reducer and action dispatcher for the "Join Mission" button in the missions route
• Implemented a badge "Active Member" instead of the default "NOT A MEMBER" and a button "Leave Mission" instead of the "Join Mission" button in the missions route
• Created a reducer and action dispatcher for the "Leave Mission" button in the missions route
• Rendered a list of all joined missions on myProfile Route
• Rendered a list of all reserved rockets on myProfile Route
• Set up React Testing Library.
• Created unit tests for all React components using Jest snapshots
• We made the page responsive
• Enhanced the My Profile section by adding a placeholder message when the My Missions or My Rockets lists are empty (no missions joined or no rockets reserved).
• Enhanced the My Profile section by adding the Cancel reservation and "Leave Mission" buttons to the lists here. Clicking them will dispatch the actions used earlier
• Enhanced the My Profile section by adding the Read more button for each mission and rocket. Upon click, it opens a corresponding Wikipedia page (retrieved from API) in a new tab.
• Added cards to the Kanban board for the additional tasks we decided to implement

SPACE TRAVELERS: CREATE MISSIONS CALL 🎉🎉🎉

• Added dispatch action reserveMission when user clicks the "Reserve rocket" button and the store is updated
• Added dispatch action cancelReservation when user clicks the "Reserve rocket" button and the store is updated
• Added Reserved badge and Cancel reservation button for the reserved rockets
• Added Reserve rocket button for the canceled reservations
• Styled the page to match the design

• Add a placeholder message when the "My Missions" lists are empty (no missions joined).
• Add "Leave Mission" button to the lists. Clicking it should dispatch the actions you have already used in the main Missions sections.
• Add the "Read more" button for each mission. Upon click, it should open a corresponding Wikipedia page in a new tab. NOTE - you need to get that extra Wikipedia URL from the API's payload.

• Add a placeholder message when the "My Rockets" lists are empty (no rockets reserved).
• Add "Cancel reservation" button to the lists. Clicking it should dispatch the actions you have already used in the main Rockets sections.
• Add the "Read more" button for each rocket. Upon click, it should open a corresponding Wikipedia page in a new tab. NOTE - you need to get that extra Wikipedia URL from the API's payload.

In this PR I enhance the My Profile section by:

• Adding a placeholder message when the "My Rockets" lists are empty (no rockets reserved)
• Adding the "Cancel reservation" button to the lists
• Adding the "Read more" button for each rocket. Upon click, it opens a corresponding Wikipedia page (retrieved from API) in a new tab

SPACE TRAVELERS HUN: ENHANCE MY PROFILE 🚀🚀🚀

• Modfy reserve mission list js file
• Update mission redux store
• Modify reserve mission js file
• Modify profile styling 🔥🔥🔥🔥🔥🔥🔥🔥

SPACE TRAVELERS HUB: CREATING MISSION COMPONENTS 🎉🎉

• Creating mission component
• Add mission list
• Use useSelector() Redux Hook to select the state slices and render lists of missions in corresponding routes. i.e.:

  // get rockets data from the store
const rockets = useSelector(state => state.rockets);

In this branch I:

• Added dispatch action reserveRocket when user clicks the "Reserve rocket" button and the store is updated
• Added dispatch action cancelReservation when user clicks the "Reserve rocket" button and the store is updated
• Added Reserved badge and Cancel reservation button for the reserved rockets
• Added Reserve rocket button for the canceled reservations
• Styled the page to match the design

In this branch I:

• Installed redux-devtools-extension, react-router-dom and redux-thunk dependencies
• Fetched data from the Rockets endpoint
• Dispatched an action to store: id, rocket_name, description, and flickr_images in Redux store

In this branch we:

• Created the react app
• Installed react-redux,react-router-dom,react-scripts, and redux-logger dependencies
• Added Linters files
• Added the app logo
• Created an empty header
• Created Routes and view components
• Created a directory for all Redux state slice files using the 'ducks pattern'

• 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.