Develop

[ger619]

Config & basic setup

• Create React App.
• Install React Redux, Redux Logger and React Router.
• Download the free image for the app logo.
• Create routes and view components (Rockets, Missions, My Profile, Dragons [only if your team has 3 members]). Use for the page navigation links and style active class to indicate which section/page user is currently on (underline active navigation link).
• Create directories for all Redux state slice files (rockets, missions, dragons [only if your team has 3 members]).

Redux: Fetch data and update Redux store

• 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

NOTE: Make sure you only dispatch those actions once and do not add data to store on every re-render (i.e. when changing views / using navigation).

NOTE: Rockets is the default view, so you must fetch rockets data when the application starts. However, the missions data should only be fetched (once) when a user navigates to the Missions section.

[netlify[bot]]

✅ Deploy Preview for nderic-space-travelers-hub ready!

Name	Link
🔨 Latest commit	55eb7f119283b83d53c34eaa7e9047d763d4dff5
🔍 Latest deploy log	https://app.netlify.com/sites/nderic-space-travelers-hub/deploys/62ab8432eaa9920009d98f39
😎 Deploy Preview	https://deploy-preview-33--nderic-space-travelers-hub.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.