Take a look at the entire online experience link:
Mango skin chat room online Demo
I have always wanted to experience the latest version of Vue3 and its surrounding technology stack, so I have been busy in the last few days. I have set up a Demo version of online chat room, which is built with Vite and adopts VUE-TS template, integrating the latest version of Vuex, VuE-Router, Ant-Design-Vue and Axios. The feeling is quite cool, also stepped on some pits, but for the big guys must not be anything, so it is completely small white posture taste new technology, is a practice.
The server side is called the Node version of Spring NestJs, personal feeling is very nice to use, just contact is still learning, integration of JWT authentication, logging system, database operations, etc. (the code was originally referred to the big guy’s tutorial), to achieve login registration and SocketIO send and receive messages.
Without further ado, let’s put a few renderings:
There is also a plain and unaesthetic landing page that serves as a front-end disgrace (dog head) :
The overall code is relatively simple, GitHub address for the chat room front-end code Vue3+Vite+Typescript, for a few stars
The server code is also on my GitHub
At present, I have just started to do it, and I have only completed login, registration and sending and receiving messages. We are still improving and updating. Welcome to communicate or practice together