Digital Projects Presentation

NJIT FA24-CS491-IT491

YoGo Communications IMessage Extension

Arwyn Albano

Oscar Feliz

Jais Benny

Suryaprakash Halwasia

Utakarsh Aggarwal

Meet The Members

Project Manager

Frontend

Frontend

Backend

Backend

+info

+info

+info

+info

+info

Project Management Content

03

06

05

02

01

04

Contextualize your topic with a subtitle

Feature Driven Diagram

Contextualize your topic with a subtitle

Risks

Contextualize your topic with a subtitle

Stakeholders

Contextualize your topic with a subtitle

Project Management

Contextualize your topic with a subtitle

Project Scope

Contextualize your topic with a subtitle

Project Overview

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

+info

Meeting Schedule for our team

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

Stakeholders

YoGo Communications

This involves the company mentors that assist with completing this project

Capstone Student Team Members

Each team member involved in this project

Elisa Charters

Capstone Sponsor and Company Owner

Dr. Eljabiri

Capstone Course Professor and organizer

Risks

Team Availability

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

Team Communication

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

Team familiarity with AWS and Swift

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

Time Management

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

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

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

• Create three frontend pages to apply knowledge of swift

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

• Integrate frontend into backend.
• Establish connectivity through amplify

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

9/26/24

10/01/24

10/10/24

10/28/24

11/4/24

11/18/24

Sprint 1

Sprint 2

Sprint 3

Sprint 4

Sprint 5

Sprint 6

Proposed solution / Timeline/Feature Driven Diagram

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

Frontend - Initial

• 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

The Frontend has made the following changes:

Frontend - Latest Update

• 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

The Frontend has made the following changes:

Frontend - Latest Update II

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

Frontend Demo

DynamoDB & Cognito using AWS Amplify

Backend - 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.