top of page
Web Development
WeChat Room.

Live Chat 

App Development
Objective.

A web chat room based on Node.js + Express + Socket.io tools. The front-end uses Vue.js as the framework. The back-end uses Express to build web services. Otherwise, I used Socket.io to create a server service and realized some basic chat functions. For instance, I expanded on the default functionality, finished the login page, included a visual effect when a user leaves the chat room and added the ability to add a custom avatar per user. The chat room also supports private chat, message notifications, emojis and photos of no more than 1M.

Tools.

VUE-CLI

SASS

NODE.JS

EXPRESS

SOCKET

What I did.

Front-end Development

Back-end Development

Feature Function

1.
Custom avatar for users
avatar.png
2.
Current User List ( Showing the User's username + avatar image )
user.png
3.
Typing Notice ( When users are typing something in the text area )
type.png
4.
User Join and Exit Notice
join.png
exit.png
5.
Emoji Picker
emoji.png

Functional Demo

Next Project

SHOPIFY

E-COMMERCE

Web/Brand

柚子素材铺 (12).png
bottom of page