Digital Projects Presentation

YoGo Communications IMessage Extension

NJIT FA24-CS491-IT491

Meet The Members

Arwyn Albano

Oscar Feliz

Utakarsh Aggarwal

Jais Benny

Suryaprakash Halwasia

Backend

Backend

Frontend

Project Manager

Frontend

+info

+info

+info

+info

+info

Project Management Content

04

01

Project Overview

Stakeholders

Contextualize your topic with a subtitle

Contextualize your topic with a subtitle

05

02

Project Scope

Risks

Contextualize your topic with a subtitle

Contextualize your topic with a subtitle

06

03

Project Management

Feature Driven Diagram

Contextualize your topic with a subtitle

Contextualize your topic with a subtitle

Project Scope

Required Features

Requirements/features that would consider the project to be complete would be a working IMessage extension that would accurately be able to create and share an event.

• The host can send this invitation to a group chat or individual so that the recipient could see the details of the event.
• Recipient then can decide if they would be able to make it or not.
• The hosts will then be able to see all the responses.

Project Overview

The goal of this project is to provide an IMessage extension on IOS systems to send event invitations to individual contacts or group chats.

• A technical description of the project problem involves using concrete knowledge on creating IMessage extensions using Swift UI and X-code to properly demonstrate our project to users.

• By incorporating both frontend and backend to create a layout where users can easily send invitations to individuals or groups, we can make the process of creating events faster and more efficient.

Project Management

For project management we utilized discord to communicate and has meetings five times a week. Multiple meetings ensured that nobody had any questions or got stuck on any problem for very long. Meetings with out sponsors were also weekly on Mondays. Notes were taken every sponsor meeting and sponsors would provide a very clear direction. Discord group chats were implemented for consise and fast communication

Meeting Schedule for our team

+info

Stakeholders

YoGo Communications

Capstone Student Team Members

Elisa Charters

Dr. Eljabiri

Capstone Course Professor and organizer

Capstone Sponsor and Company Owner

Each team member involved in this project

This involves the company mentors that assist with completing this project

Risks

Team Communication

Team Availability

To upkeep consistent communication we used discord to remain in touch and respond to messages quickly

To solve this we created a spread sheet of all of our availability and created meetings based on common times we were available.

Time Management

Team familiarity with AWS and Swift

For time management we digested each assignment into manageable chunks so that we can complete our tasks in a timely manner

Much research and time was devoted to learn more about our language and understanding of what frameworks we were using

Proposed solution / Timeline/Feature Driven Diagram

Sprint 6

Sprint 5

Sprint 4

Sprint 3

Sprint 2

Sprint 1

11/18/24

11/4/24

10/28/24

10/10/24

9/26/24

10/01/24

• Create three frontend pages to apply knowledge of swift

• Set up backend on aws
• Test out some needed lambdas

• Research more about Swift UI
• Get to know project overview

• Integrate frontend into backend.
• Establish connectivity through amplify

• Completely finish making the pages and integrate figma designs into frontend.
• Complete project

• Integrate UI/UX figma designs into frontend.
• Started creating functioning pages for the app

Frontend - Initial

From the beginning, the YOGO mentors have specified the current restrictions

• Creation of an iMessage Extension in Swift UI
• Using the Figma design provided by the YOGO mentors to keep the user experience consistent across all teams/products

Frontend - Latest Update

The Frontend has made the following changes:

• We have integrated all the assets and components used throughout the provided design
• Example: Colors, Topography, Buttons, Text Inputs
• With the goal of providing a consistent user experience throughout the app and an easier developer experience in case of a design change.

Frontend Demo

Frontend - Latest Update II

The Frontend has made the following changes:

• Started Implementing pages specified on the Figma design
• Started Implementing custom functionality such as sending invites as messages

Frontend Demo

Backend - AWS Amplify

DynamoDB & Cognito using AWS Amplify

• Authorization Setup: Defines data models and configures API key authorization for secure access to DynamoDB.
• Data Operations: Registers models and supports CRUD operations, enabling efficient data management with Amplify and DynamoDB.
• User Authentication: Handles user sign-up and sign-in using Cognito, ensuring secure login with username and password.
• User Session Management: Manages user sessions, providing secure sign-out functionality to log users out of the application.

Backend - AWS Lambda

• User Authentication Management: Handles token refresh and user sign-out, ensuring secure, up-to-date access control for users.
• Event Data Processing: Retrieves, processes, and updates RSVP data for events, maintaining accurate attendee counts and event status in real-time.
• Integration with AWS Services: Leverages AWS Cognito for user identity management and AppSync for efficient, secure data queries and updates within event management workflows.
• GraphQL Integration: Lambda functions execute GraphQL queries and mutations to interact with event-related data, allowing efficient data retrieval and updates through AppSync and API Gateway.

Backend Demo

Attention! At Genially we use AI (Awesome Interactivity) in all our designs, so you level up with interactivity and turn your content into something that adds value and hooks.