Overview

• The points component should look similar to how it does now except it'll take up the bottom half of the check-in page
• After checking in, the points component should rerender & display the event you just checked in for
• The points component should have a border & header (the header being "Points") similar to the "Event key" box
  • The body should be the list of events like what you see right now (keep it as is)
  • The component should be scrollable, not the page (so there's a scrollbar within the component)

Guidelines/Tips

• Start by extracting check-in & points into separate components (so they're no longer pages)
  • The Check-In component is just the box containing the "Event key" header + input + button
• Rename the Check-In page to Home
• Home should contain the Check-In and Points components you extracted
• Your best frame of reference is the other components in the repo!