As a user, I should be able to enter an event that will happen at a future date and see all my events.
Acceptance Criteria
GIVEN a user wants to add an event to their events page
WHEN the user clicks a button to enter a new event in the application
THEN a blank row at the top of the table
Name of event
Date of event
Location of event
GIVEN a user has entered in all details of an event
WHEN the user clicks the 'save' button
THEN the event should be displayed in the application in the Events component
AND the event should be saved to firebase and assigned using the user's uid
Development
Create a form (or a collection of input elements) on the Events page
Add an 'Add Event' button that shows a new row with empty fields when clicked
The row should have two buttons, 'save' and 'cancel'
When 'save' is clicked, use axios.post to add the object to the news entry 'ref' in firebase
The event should then be displayed on the page
When 'cancel' is clicked, the new row disappears and no new event is added
User Story
As a user, I should be able to enter an event that will happen at a future date and see all my events.
Acceptance Criteria
GIVEN a user wants to add an event to their events page WHEN the user clicks a button to enter a new event in the application THEN a blank row at the top of the table
GIVEN a user has entered in all details of an event WHEN the user clicks the 'save' button THEN the event should be displayed in the application in the
Events
component AND the event should be saved to firebase and assigned using the user's uidDevelopment