Your friend is an event organizer and has asked you to build a website for them. They want to be able to keep track of all the parties they are organizing. They want to be able to see a list of all the parties, add new parties, and delete parties.
Build your website according to this user story:
A user enters the website and finds a list of the names, dates, times, locations, and descriptions of all the parties that are happening. Next to each party in the list is a delete button. The user clicks the delete button for one of the parties. That party is then removed from the list. There is also a form that allows the user to enter information about a new party that they want to schedule. After filling out the form and submitting it, the user observes their party added to the list of parties.
There is no starter code for this workshop; the solutions to previous activities will be great to review!
Create a new repository named Unit2.PartyPlanner on GitHub and clone it down. Add your cohort team to the repository you just made. Read the API documentationLinks to an external site.. You will be working with the /events endpoint. Plan your code based on the user story. Use the rubric to guide you. Hints If you are stuck, try answering the following questions:
Which components can be created directly in the HTML? Which components need to be created in JavaScript? Can you render mock data to the page? Can you render real data to the page? Are you able to fetch an array of all the parties from the API? Is state correctly updated to match the data from the API? Are you passing the correct arguments to fetch? Does the API return an error? If so, what is the error message? Is there an event listener on the form? Does it correctly add a new party to the list of parties? Is there an event listener attached to each delete button? Does it correctly remove a party from the list of parties?