Skip to content

Figma_Screens_Project_Part_2

Aiman Saif edited this page Feb 16, 2024 · 3 revisions

Login Flow

The user can directly scan the QR code using the "Scan QR Code" button or login using their username and password.

  • The Scan QR Code button would automatically prompt them to open their camera and scan the QR.
  • In case, their login attempt is unsuccessful the app would prompt them that the username or password they provided might be incorrect. image

Attendee Flow

Once logged in as an attendee, the user has the option to Check-in an event, browse the list of events or go to their user settings.

  • If they chose to check-in, the app redirects them to Scan QR Code page and prompts them to open their camera.
  • If they click on Events button, a list of events is displayed on the screen. They can click on any event they want to browse and a pop up with all the event details would be displayed.
  • If they click on Settings button, their user settings page would open where they can toggle their geolocation, push notifications, log out or go to their profile settings. If they click on th Profile button their profile settings page is displayed where all their user details such as name, email and phone number is displayed. They also have the option to keep a profile picture which they can add or remove from the app. image

Organizer Flow

Once logged in as an organizer, the user has option to create event, browse events and go their user settings.

  • If they click on Create new Event button, the Create new event page is displayed where they can upload Event poster, add event details such as Name and location. The have the option to USe an existing QR Code or generate a new QR code. If they choose to reuse an existing QR code the app opens a new page and displays the QR code they would like to reuse based on the event. Asking the organizer to choose from a dropdown menu the specific event for which they wish to reuse the QR code, among all the events they have created.
  • If they click on Events button, a list of events is displayed on the screen. They can click on any event they want to browse and a pop up with all the event details would be displayed.They have the option to edit the Event details using the Update button in the pop up window.
  • If they click on Settings button, their user settings page would open where they can toggle their geolocation, push notifications, log out or go to their profile settings. If they click on th Profile button their profile settings page is displayed where all their user details such as name and profile photo are displayed. They also have the option to add or remove their profile photo from the app. image

Admin Flow

After logging in, admin user has 4 options: they can browse and delete events, profiles, images or go to their user settings.

  • If they click on Events Option button, a list of events is displayed on the screen. They can click on any event they want to browse and a pop up with all the event details would be displayed.They have the option to delete the Event from the app using the delete button.
  • If they click on Profile Option button, a list of all profile is displayed on the screen. They can click on any profile they want to browse and a pop up with all the profile details would be displayed.They have the option to delete any selected profile from the appusing the delete button
  • If they click on Images Option button, a list of all images will be displayed on the screen. They can click on any image they want to browse and a pop up with the image would be displayed.They have the option to delete any selected image from the appusing the delete button
  • If they click on Settings button, their user settings page would open where they can log out or go to their profile settings. If they click on th Profile button their profile settings page is displayed where all their user details such as name, email and phone number. image

Clone this wiki locally