Skip to content

README.md

Latest commit

 

History

History
33 lines (22 loc) · 1.94 KB

README.md

File metadata and controls

33 lines (22 loc) · 1.94 KB

Party Planner

Example screenshot with a list of upcoming parties. Detailed information, including a guest list, is displayed for a selected party.

The Fullstack Convention Center hosts a variety of events, from small meetings to large galas. Build a web application so visitors can get the latest information on upcoming events.

Read the API documentation. You will be working mainly with the /events endpoints.

Requirements

For this workshop, you'll be starting from scratch! You are highly encouraged to reference previous solutions. Write JS to build an application that meets the following requirements:

  • index.html is not modified. All elements are generated via JS.
  • The application updates state by fetching an array of parties from the API.
  • The application renders a list of party names.
  • When a party name is clicked on, the application updates state by fetching information about a single party from the API.
  • The application renders the name, ID, date, description, and location of the selected party.
  • The application renders a message telling users to select a party if none is selected.
  • Functions are used to organize logic involving state changes.
  • The application is rerendered whenever state changes.
  • UI elements are organized into component functions.
  • All thrown errors are explicitly caught with a try...catch statement.

Extensions

If you're done early, try to implement one or more of the following features:

  • The name of a selected party in the party list is styled differently.
  • The user can also see the guests who have RSVP'd to the selected party. This will involve fetching data from the /rsvps and /guests endpoints! Fetch all the guests first, and then use the RSVPs to filter the guests for the selected party.

Submission

Please submit the link to your public GitHub repository.