vuyaa / meet

meet

Chart screenshot:

Events screenshot:

Description:

The meetApp is a progressive web application (PWA) developed to connect developers from the same area and everyone who finds IT world interesting . It can filter events by the city and the subject refered to the specific city.

Live demo:

The PWA is hosted live on this link!

Technologies used:

• 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

User Stories:

• 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-When-Then

FEATURE 1: SHOW/HIDE AN EVENT'S DETAILS

Scenario 1: An event element is collapsed by default

• Given the event element is closed
• When the user opens the app
• Then the user should not see the event details

Scenario 2: User can expand an event to see its details

• Given the event list is loaded
• When the user opens the event element
• Then the user should see the event details

Scenario 3: User can collapse an event to hide its details

• Given the event details are shown
• When the user closes the event elemente
• Then the details should be hidden

FEATURE 2: SPECIFY NUMBER OF EVENTS

Scenario 1: When user hasn’t specified a number, 32 is the default number

• 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

Scenario 2: User can change the number of events they want to see

• 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

FEATURE 3: USE THE APP WHEN OFFLINE

Scenario 1: Show cached data when there’s no internet connection

• 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

Scenario 2: Show error when user changes the settings (city, time range)

• 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

FEATURE 4: DATA VISUALIZATION

Scenario 1: Show a chart with the number of upcoming events in each city

• 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