Open Young-Gaius opened 1 year ago
Description: Creating Routes and Basic Setup:
Created React components for Rockets, Missions, and Profile views.
Developed components accordingly
Implemented navigation using React Router with NavLink for active page indication.
Designed Navigation.js component to handle page navigation using NavLink.
Styled the active navigation link to indicate the current section/page. Setting up Redux Store:
Established Redux store with state slices for rockets and mission data.
Created missions.js and rocketReducer.js to manage Redux state for missions and rockets.
Combined reducers in store.js to handle both. Fetching and Storing Data in Redux Store:
Implemented UI rendering for lists of Rockets and Missions with corresponding data.
Developed Missionlist and RocketList components to display individual missions and rockets.
Used map function to render lists of missions and rockets with respective data.
Utilized the first image in the flickr_images array for each rocket as the rocket's image. Reserving Rockets and Joining Missions:
Implemented actions and reducers for booking rockets and joining missions.
Added actions and reducers for rocket and missions to handle reservations.
Updated Redux state with reserved rockets and joined missions.
Dispatched actions on user interaction to update Redux store accordingly. Conditional UI Rendering:
Added conditional UI rendering for reserved rockets and joined missions.
Conditionally rendered Reserved badge and Cancel Reservation button for Rocket
Conditionally rendered Active Member badge and Leave Mission button for Mission. My Profile Section:
Designed and implemented My Profile section displaying user's reserved rockets and joined missions.
Created Profile.js component to display this information.
Filtered rockets and mission data to show user-specific profile information. Technical Details:
Utilized Create React App for project setup.
Employed React Redux for state management and Redux Toolkit for actions and reducers.
Implemented React Router for navigation.
Set up testing using React Testing Library and Jest.
Followed Gitflow workflow and hosted the repository on GitHub.
Applied some designs from SpaceX API provider, e.g., background color. Testing:
Added unit tests for components and functions using React Testing Library and Jest. Regards, @Young-Gaius @Armynerh
Description: Creating Routes and Basic Setup:
Created React components for Rockets, Missions, and Profile views.
Developed components accordingly
Implemented navigation using React Router with NavLink for active page indication.
Designed Navigation.js component to handle page navigation using NavLink.
Styled the active navigation link to indicate the current section/page. Setting up Redux Store:
Established Redux store with state slices for rockets and mission data.
Created missions.js and rocketReducer.js to manage Redux state for missions and rockets.
Combined reducers in store.js to handle both. Fetching and Storing Data in Redux Store:
Implemented UI rendering for lists of Rockets and Missions with corresponding data.
Developed Missionlist and RocketList components to display individual missions and rockets.
Used map function to render lists of missions and rockets with respective data.
Utilized the first image in the flickr_images array for each rocket as the rocket's image. Reserving Rockets and Joining Missions:
Implemented actions and reducers for booking rockets and joining missions.
Added actions and reducers for rocket and missions to handle reservations.
Updated Redux state with reserved rockets and joined missions.
Dispatched actions on user interaction to update Redux store accordingly. Conditional UI Rendering:
Added conditional UI rendering for reserved rockets and joined missions.
Conditionally rendered Reserved badge and Cancel Reservation button for Rocket
Conditionally rendered Active Member badge and Leave Mission button for Mission. My Profile Section:
Designed and implemented My Profile section displaying user's reserved rockets and joined missions.
Created Profile.js component to display this information.
Filtered rockets and mission data to show user-specific profile information. Technical Details:
Utilized Create React App for project setup.
Employed React Redux for state management and Redux Toolkit for actions and reducers.
Implemented React Router for navigation.
Set up testing using React Testing Library and Jest.
Followed Gitflow workflow and hosted the repository on GitHub.
Applied some designs from SpaceX API provider, e.g., background color. Testing:
Added unit tests for components and functions using React Testing Library and Jest. Regards, @Young-Gaius @Armynerh