Release/1.0.0

[Leboroz]

Hello reviewer, 👋

Live Version: HERE

Objectives of the project

• Use React documentation.
• Use React components.
• Use React props.
• Use React Router.
• Connect React and Redux.
• Handle events in a React app.
• Write unit tests with React Testing Library.
• Use styles in a React app.
• Use React life cycle methods.
• Apply React best practices and language style guides in code.
• Use store, actions, and reducers in React.
• Perform a code review for a team member.

We used create-react-app and react-redux. We created routes and view components. We used react-router-bootstrap for the page navigation links and style active class to indicate which section/page the user is currently on. Then, we created directories for all Redux state slice files.

Upon first render fetch data from the SpaceX API endpoints:

• Rockets: https://api.spacexdata.com/v3/rockets
• Missions: https://api.spacexdata.com/v3/missions

Once the data are fetched, dispatch an action to store the selected data in Redux store:

• Rockets:
  • id
  • rocket_name
  • description
  • flickr_images
• Missions:
  • mission_id
  • mission_name
  • description

render list

we styled the project using React Bootstrap

• We rendered a list of rockets. For the image of a rocket, we used the first image in the array of flickr_images.
• Render a table with the missions' data (as per design).
• We render a table with the missions' data (as per design).

My profile

• We composed two layouts and listed ONLY the rockets reserved and missions joined by the user (as per design):

[DeliceLydia]

Congratulations! 🎉🎉

Hi Team,

Your project is complete! There is nothing else to say other than... it's time to merge it
Congratulations! 🎉

You Rock!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.
Please, remember to tag me in your question so I can receive the notification.

---

As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.