Skip to content

React-based web page with functions for users to create accounts, login/logout, change profile, search/follow friends, post user status, send text/voice/image/video messages, make/receive video calls, delete messages/conversations, and receive live notification

Notifications You must be signed in to change notification settings

LihanzUpenn/PennChat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

project-video-and-messaging-web-app-557project-kai-haotian-lihan

Short Clips for Main Features

1. Login to Main View (Login into two different accounts)

Login

  1. Send/receive synchronous text messages between two accounts

TextMessage

  1. Send/receive synchronous image/audio/video messages between two accounts

MediaContent

  1. Video Call

VideoCall

  1. Delete messages/conversation

DeleteMessage

  1. Story sharing

ezgif com-gif-maker

  1. Account Management

ezgif com-gif-maker copy

  1. Registration functionality, Retrieve password functionality, Tag friend in Message functionality and some other functionalies are not showing in the videoes. (please feel free to check the wiki to get more information)

How to start app in vscode

(please npm install first)

  1. Navigate to "/server" , in two separate terminals run: "node wsserver.js" and "node chatserver.js".

  2. Navigate to "/project557" , in another terminal run: "npm start".

  3. Now you could go to http://localhost:3000/homepage when "npm start" is fully activated. Now you can do:

a. register and log in (or reset your password if you forget it);

b. add and remove friends (with contact suggestions);

c. send and receive text/image/audio messages (with delivery/read receipts);

d. deleting messages, view other's profile through @mentions in messages

e. receive notifications of new messages, post and view stories

f. edit your profile or deactivate this account.

  1. If you would like to try video/voice call, navigate to "/video" , in another terminal run: "npm start". Now you can do:

g. make and receive video/voice calls.

h. reject video/voice calls.

i. inform the caller if the caller logged out

  1. Enjoy!

For more details, please visit: User Stories

About

React-based web page with functions for users to create accounts, login/logout, change profile, search/follow friends, post user status, send text/voice/image/video messages, make/receive video calls, delete messages/conversations, and receive live notification

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published