The PWA is hosted live on this link!
- React
- AWS lambda
- Google Calendar API
- OAuth2 authentication flow
- Tailwind CSS
- Unit & Integration Testing: Jest, Enzyme
- Acceptance Testing: Jest Cucumber
- End-to-end Testing: Puppeteer
- As a user, I would like to be able to show or hide event details so that I can see more or less information about an event
- As a user, I would like to be able to specify the number of events I want to view in the app so that I can see more or fewer events in the events list at once
- As a user, I would like to be able to use the app when offline so that I can see the events I viewed the last time I was online
- As a user, I would like to be able to see a chart showing the upcoming events in each city so that I know what events are organizing in which city
- Given the event element is closed
- When the user opens the app
- Then the user should not see the event details
- Given the event list is loaded
- When the user opens the event element
- Then the user should see the event details
- Given the event details are shown
- When the user closes the event elemente
- Then the details should be hidden
- Given the user hasn't specified a number of events
- When the event list is loaded
- Then the maximum of 32 event should be visible
- Given the user has specified the number of events
- When the event list is loaded
- Then user should be able to see specified number of events
- Given the user has no connection to the internet
- When the user opens the app
- Then the user should still be able to see cached data
- Given there is no internet connection
- When the user attempts to change a setting with data stored online
- Then the user should recieve an error message indicating that the specified setting change requires an internet connection
- Given the user has opened the app
- When the user opens a specific city
- Then the user should see a chart with number of upcoming events