Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Project Introduction

Implementing Chat App on web and mobile APP

Terminology

...

Word

...

Meaning

...

Realtime API

...

 

...

Room

...

 

...

Subscriptions

...

 

...

Message

...

 

...

Direct message

...

 

 

Features

The main chat feature are:

  1. Text message

  2. File attachment

  3. Video call

Technology Stack

  • Rocket Chat

  • Jisit

  • Keycloak

  • Laravel

  • React JS

  • React Native

  • MySQL

  • Hosting

Architecture Overview

 

...

Diagrams

The purpose of this section is to include any additional diagrams that would clarify complex parts of the product.

...

 

User Stories

Web App

#

User Story Tile

User Story Description

Priory

Notes

1

Setup Rocket Chat and

Jisi

Jitsi

As developer, I want a chat server setup on local/production environment, so we can integrate them into App

 

 

2

Create user automatically

As developer, I want to create a chat user after registered/created (from system)

 

 

3

Login automatically

As developer, I want the rocker user login after user login on Web app

 

 

4

Text Message

  • Total number of unread messages

  • Search box

  • Message list

  • Message box

refs.

  • https://docs.rocket.chat/api/realtime-api/method-calls/login

  • https://docs.rocket.chat/api/realtime-api/method-calls/get-subscriptions

  • https://docs.rocket.chat/api/realtime-api/method-calls/create-direct-message

  • https://docs.rocket.chat/api/realtime-api/method-calls/load-history

     

  • https://docs.rocket.chat/api/realtime-api/method-calls/send-message

  • Image Modified

     

    5

    Video Call

    refs.

  • https://docs.rocket.chat/api/rest-api/methods/video-conference/jitsi-update-timeout

  • https://docs.rocket.chat/api/rest-api/methods/livechat/video-call

  •  

    Image ModifiedImage Modified

     

     

    Mobile App

    #

    User Story Tile

    User Story Description

    Priory

    Notes

    #

    User Story Tile

    User Story Description

    Priory

    Notes

    1

    Create user automatically

     

     

     

    2

    Login automatically

     

     

     

    3

    Text Message

     

     

    Image Modified

     

    4

    Video Call

     

     

    Image ModifiedImage Modified

     

    Current status

    ...