FangzhouSu / chatRoom

02 坚定了做前端开发的职业规划 同期拿到京东实习 offer 前端生涯的开端 -> 蚂蚁前端校园行结课小全栈项目-在线聊天室,暂时只做了原生的群聊版本,后期尽量优化出一对一私聊&Vue版本/React版本

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

蚂蚁前端成电校园行-小全栈聊天室项目

21/12/5 第一版-原生JS+聊天室

image-20211205180642856

后期需补充功能-

  • 注册功能
  • 私聊功能

小bug

  • 一个用户下线会导致另一个用户的侧边栏显示异常 [object object]

image-20211205180328759

项目仓库

21/12/7

这个接口感觉不错?

image-20211207194633731

运行方法

因为使用了.gitignore忽略了node_modules所以先使用npm install安装相关依赖(主要是服务端用到了Koa和socket.io)

image-20211205181129203

之后npm start即可(已经在package.json配置过了,该命令等同于node server.js

用户名随意输入,密码输入123456(服务端写死了密码(因为没做注册功能嘛~)密码不对进不去嗷)

只要服务器在运行,则历史聊天记录和用户信息都会被记录,关闭服务器则数据丢失(没有涉及到数据库内容辣~)

demo要求: 一个聊天室

适合想要学习node以及进行实际应用的小伙伴进行练手

来自蚂蚁前端成电校园行的最终结课项目


官方提示

  • 先做好简单的对话界面
    • 推荐使用flex布局哦~

image-20211030224616072

  • 基础的行为定义,可以关注点分离,实现好每一个具体行为

image-20211128214345279

  • 最终成果:消息可以广播到多个用户处

小结与心得

使用Node写出简单的接口然后在客户端处使用的一个小demo,跟着蚂蚁技术体验部的老师用时两天完成

之后打算把这个项目拓展出更多内容(使用Vue重写,实现更多功能),最终放到简历中~

OVER🎉

About

02 坚定了做前端开发的职业规划 同期拿到京东实习 offer 前端生涯的开端 -> 蚂蚁前端校园行结课小全栈项目-在线聊天室,暂时只做了原生的群聊版本,后期尽量优化出一对一私聊&Vue版本/React版本


Languages

Language:JavaScript 100.0%