Skip to content

alternadiva/Ticketmaster-Waiting-List-Feature

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

34 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Ticketmaster - Waiting List Feature ๐ŸŽŸ ๐Ÿ—’

Description

Solution for the take-home challenge presented by Ticketmaster. This is my attempt at completing one of the user stories of the Waiting List feaure.โณ

๐Ÿ”— Deployed to GitHub Pages


Vision

Create a website feature, that will allow the fans to join the waitlist and be notified via email and/or text message if more tickets become available for sale.

Chosen User Story:

As a fan, Iโ€™d like to get visual confirmation about my subscription so that I will immediately know if it was successful or not #6

Subtasks:

  • Stub waiting list API to imitate fetch response #15
  • Compare waiting list data and form data #14
  • Confirm subscription #16
  • Confirm prior subscription #17

Guideline to test the solution on the UI:

โœ… To get a visual confirmation about a successful sign up, insert the following values to the input fields

โš ๏ธ To get a warning about an already existing sign up, insert the following values to the input fields

Successful Existing


User Stories

As a fan, Iโ€™d like toโ€ฆ

  • have the ability to join the waiting list from the event details page so I can be notified if tickets become available
  • be reminded to sign in, when Iโ€™m not, so I am able to add myself to the waiting list
  • see the email address field pre-filled after login so I donโ€™t have to type my email address again
  • have the option to submit either my phone number, my email address or both so I can set my notification preferences
  • get visual feedback, when I fill out the field or submit the form incorrectly so I know what to correct
  • get visual confirmation about my subscription so that I will immediately know if it was successful or not

As a visually impaired fan, I want toโ€ฆ

  • use keyboard controls so I can navigate the website and activate elements on the page
  • hear my screen reader describe the content on the website so I can get information about the type of elements on the page

As an aesthetically conscious fan, Iโ€™d like to see the same design elements the website has so I can use an aesthetically pleasing feature

As a mobile user, I'd like to see only the form section on my screen so I can avoid horizontal scrolling