Chat Project With Vue

前端採用Vue3框架加入Vuex狀態管理、Quasar UI以及typescript型別，
資料庫和後端則分別使用mongoDB和nodejs，
登入登出以token進行驗證，
在聊天室的部分使用socketIO，
參考telegram、line的操作流程，
加入已讀、收回、複製訊息、訊息設為公告等功能。

Live Demo: https://chatwithsocketioandvue3.onrender.com
youTube_螢幕錄影: https://youtu.be/EDy9XfrgObQ

Features

使用jsonwebtoken驗證登入登出
聊天室:已讀、收回、複製訊息、訊息設為公告

Screenshot

Tools

前端:Vue3、Typescript、Vuex、Axios、Quasar
後端:socket.io、Express
資料庫:mongoDB

Setup

Make sure to install the dependencies:

# yarn
yarn install

Development Server

Start the development server on http://localhost:3001

yarn serve

Production

Build the application for production:

yarn build