User Manual

Installation

• To use the application, head over to http://www.easy-meet-w21project.com/ (it may take a bit to start if it hasn’t been accessed in a while. If the browser says the page didn't send data, try refreshing).

Use Instructions

• Primary User: Sending Invitations & sharing schedules

  Log in with your Google account to sync your calendar with the application. Once you’ve done that, you can send an invitation to someone.

  1. Login

  • Click on the Login button on the top left corner of the page to log in with your Google account.

  

  • The Google login page will pop up and ask for your google email and password to log in.

  

  • If this is a first-time login, the following step for syncing your calendar is required.

  2. Sync Calendar

  • If this is a first-time login, it will first verify if you want to give the website permission to access your account for safety.

  • Since our application has not been verified by Google, we need to whitelist our users' emails on our google developer console before they can actually run the app properly.

  • If anyone wants to use/test our project, please reach us out using the following email to get whitelisted: easy.meet.21@gmail.com.

  • Keerti and Doruk's emails are whitelisted already so they are free to test our project.

  • Click "Continue"

  

  • Then it will ask you for permission to access your Google calendar.
  • Click "Allow'

  

  • Since we just need permission to access the calendar, just mark the last entry. (It should be automatically marked by default).
  • Click "Allow"

  

  • After logging in, the following home page should show up.
  • Now the login becomes logout, you will be logged out if you click on it.
  • "Home" will direct you to the home page, which is the current page.
  • "My Calendar" will display the synced google calendar.
  • Since we did not implement cookies, the user will be logged out every time they refresh the page.

  

  3. Modify your Calendar

  • Click on "My Calendar" to view your calendar

  

  • The calendar will show this week's schedule by default, but you can toggle between different days/weeks/months (depends on the display form) by clicking the left/right arrow.
  • The calendar will display the schedule in weeks by default, but you can switch the display form to day/month by clicking the "week" on the right top corner.
  • "Today" will direct you to the current day/week/month (also depends on the display form).

  

  • Double click on the time slot you want to add an event in.

  

  • Put down your event information and save.
  • You can also click on the "X" to discard the change.

  

  • Add the event successfully, your event will be shown in blue.
  • The invitee then would see this time slot as "not available" in orange.

  

  4. Generate the Link

  • In order to send an invitation to your invitee to make an appointment, you need to generate a link and send an email with that link.
  • Click the "Generate Invitation" button

  

  5. Put Information

  • Input invitee's name and email

  

  • If either the name or email is invalid, the following error message will pop up after sending it.

  

  6. Send Invitation

  • If the name and email are valid, it will display the message that the invitation has been successfully sent.

  

• Secondary User: Receiving Invitations & making an appointment

• Secondary users can click the link in their email, and they’ll be directed to a page where they can see the inviter's available times without having to log in. Once they choose and fill in an available time, the inviter's calendar will be updated and the meeting will be scheduled.

  1. Receive Invitation

  • The invitee who gets invited should have the following email with the link.

  

  2. Open the Invitation Link

  • Click on the "EasyMeet" link, and it will direct you to the invitation page.
  • *It might take a few seconds to load your calendar.

  

  • If something went wrong, i.e., the invitation is expired or the id is invalid, the error page will show up.

  

  3. Show the calendar

  • After loading, the inviter's calendar will be displayed, with all the events added by the inviter or other invitees marked as "unavailable."

  

  • If you are logged in on the invitation page, your personal events on your calendar will be synced and shown on the inviter's calendar in purple.
  • If you see your personal events are not synced, you can refresh the calendar by pressing the view toggle button (day/week/month) on the right top corner.

  

  4. Edit your appointment

  • Double click on the free time slots to add an appointment in, and input the appointment information.

  

  5. Save

  • After saving it, it will display the success page.
  • If you refresh/reenter this page, this page will show the expiration page since the appointment with this invitation was already made.
  • If you want to make another appointment, another invitation is required.
  • Each invitation can only schedule one appointment.

  

  • The appointment will be added to the inviter's calendar, and the inviter can see it from his calendar's page.

  

  • If the user plans to make another appointment, he is able to see his previous appointment but is not able to edit it.

  

  6. Confirmation

  • The confirmation email will be sent to the invitee

  

  • The confirmation email will also be sent to the inviter.

  

Now your appointment is completed!