Скачать или смотреть messanger-clone | chatting | audio/video call | screen-sharing | large file-sharing (up to 2GB)

messanger-clone | chatting | audio/video call | screen-sharing | large file-sharing (up to 2GB)


Backend

file upload
upload file as base64 dataUrl
resize image via jimp package
crop image via cropperjs package
send image as stream instead of whole file at once.

API Features
pagination
searching [ based on multiple fields ]
sorting,
filter: only given fields fetched from database,

Stream
send every file (image | audio, video, file) as stream so that no matter how large the file is, don't crush the server.

Frontend
Search
Shows searched users into a modal bellow in input:search
show selected (clicked) search user in message area like friendList selected friend
cancel previous request before create new request,
to save network request + bandwidth
fetch only current requested users, instead of all searched

Upload Image:
drag and drop and browse multiple images
show previes of selected images as carousel
crop selected images in carousel and return updated image lists
imageUploadDialog is fully flexible file uploader, which perform above task dynamically, if add file instead of image, then preview and image-croping will be disabled.


WebSocket | socket.io
send text message + emoji text
send image as message + optimize image in backend
Allow to capture audio via microphone - show audio recording in UI, - Send audio to backend as message and shows those messages in UI - Show audio in Wavefrom format instead of simple audio - Show latest message in friendList message : text | image | audio

WebRTC
Audio Call | Video Call
Show incomming-call dialog
Show outgoing-call dialog
Show user not-found call dialog
Show callee-busy call dialog
accept call button
reject call button

File upload By WebRTC datachannel
. Upload Large file up to 2 GB
. handle file upload via service worker which not block main thread
. file upload is peer-to-peer via WebRTC DataChannel secure tunnel
. Handle Dran & Drop file upload + Browse button to open File Manager
. Show upload progress-bar and download percentage on caller and callee side