Missions: Create

[rarceneaux]

User Story

Once a user logs in they will see the Missions Page with an Add Mission on the top of page and the missions displayed as cards, 2 per row.

AC

WHEN a logged in user visits the missions page they will see an Add Mission button on top of the page. THEN, the user can click the Add Mission button, THEN, a modal will display to the allModals div

AND the user will type in the new mission values into the modal form, THEN once the user has entered the information can click on the Save button, AND this event will add a new mission to firebase, AND the page will reflect the newly added mission via the mission card printed to the missions div

Dev Notes

• Create a ra-createMission branch
• Make addNewMission function in missionData.js file axios.post()
• Import the addNewMission function into the enemies.js file
• Create addNewMission function in enemies.js file that includes Add Mission button element in domString
• Create Event listener on the Add Mission button that will present the modal popup in the addModal div in hmtl
• Create Event listener on the Save button that will add the new mission to firebase the modal will also remove from
• Call the enemiesBuilder function to reflect the addition of the new mission