全栈即时通讯项目

138 阅读1分钟

在学习完node之后,我就想写一个全栈项目来实践一下,本项目使用React18+MongoDB+JWT+Socket.io+styled-components+emoji-pick-react搭建的一个即时通讯全栈项目,适合新手食用,一起看看吧😃

模块划分

项目一共有四个模块,分别是登录模块,注册模块,聊天模块,选择头像模块,下面看看效果吧👀

登录模块

image.png

注册模块

image.png

选择头像模块

image.png

登录后首页

image.png

聊天页面

image.png image.png 这是我的仓库地址👉github.com/zhoujinjina…, 欢迎star⭐