项目界面

项目地址

点击链接可以看到项目的gif图

github: https://github.com/genaller/genal-chat

项目描述

前端: vue+vue-router+vuex+socket.io+typescript

后端: nestjs+nestjs/websocket+typescript

功能介绍

  • 更改用户名/头像上传
  • 群聊/私聊
  • 新增群/加入群聊/模糊搜索群
  • 添加好友/模糊搜索好友
  • 表情包
  • 消息分页

环境配置

  • 数据库mysql 以及 chat数据库
  • node v10.16.3

运行项目

前端项目

cd genal-chat-client
npm run serve

后端项目

cd genal-chat-server
npm run start:dev

作者

github: edison

nestjs+vue+ts打造一个酷炫的星空聊天室相关推荐

  1. 【有利可图网】PS实战教程52:巧用PS设计打造一个酷炫的喷溅海报特效!

    本篇教大家如何巧用PS设计打造一个酷炫的喷溅海报特效教学!教程主要是运用到了蒙版和笔刷技巧,学习掌握,可以灵活运用到其它设计中,感兴趣的童鞋赶快收走试试看,需转学起来吧!

  2. 肝了一夜!我用Python打造了一款武林外传QQ聊天室

    公众号 "菜鸟学Python" 第439篇原创,设为 "星标",一起学Python! 大家在平时的学习或者是生活中,想必都少不了群聊,无论是微信还是QQ,都有群 ...

  3. 用个人博客打造一个酷酷的工作流

    用个人博客打造一个酷酷的工作流! 每个前端都应该拥有一个自己的博客.因为它不仅仅是一个博客.更是属于自己的一个工作流.如何来理解这个问题呢.这也就是我要开发一个博客的初衷. 似乎自己也没有一个写博客的 ...

  4. python随手记自动记账_菜鸟也疯狂!8分钟用Python做一个酷炫的家庭随手记

    原标题:菜鸟也疯狂!8分钟用Python做一个酷炫的家庭随手记 每个月都有各种各样的开销,不当家不知道柴米贵呀!柴米油盐酱醋茶样样都要开销,吃的穿的,各种开销,每个月都没有啥结余,小编月初是富人,月底 ...

  5. 分享给你一个酷炫的前端组件库,还不用起来?

    fancy-components 一个酷炫的前端组件库 大伙前端都是用什么组件库的呢? 我最近刚发现前端一个很好看.很炫酷的组件库.那就是fancy-components ,简直是"酷炫&q ...

  6. 使用TextInputLayout分分钟构造一个酷炫登录框架

    Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,Android ...

  7. 利用GitHub搭建一个酷炫免费的个人博客

    转载自公众号:python_shequ 由于公众号的文章不易后续整理阅读,于是小吴昨天上午花了半个小时使用 GitHub + Hexo 搭建了一下个人博客,打算将公众号的文章搬过去,支持关键字搜索.分 ...

  8. 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(一)

    前言 模型特效是大家在3d可视化项目所追求的,但很多人苦于无法实现一个好的模型效果,本次就手把手一步一步教你实现一个酷炫的模型发光扫描特效,帮让你的项目提升一个逼格.话不多说,先上效果: 本文所使用的 ...

  9. 如何开发一个酷炫的mdx

    使用mdx开发一个酷炫的ppt ​ 效果展示:mdx-deck-slide-decks MDX 是一种书写格式,允许你在 Markdown 文档中无缝地插入 JSX 代码. 你还可以导入(import ...

  10. 【有了可图网】PS实战系列64:用PS的3D功能设计制作一个酷炫的彩色立体字体

    本篇教大家如何巧用PS的3D功能设计制作一个酷炫的彩色立体字体!教程讲解过程超详细,主要用到了PS的滤镜.调整层以及图层样式来完成效果,需转学起来! 彩色立体文字纹理素材链接链接:https://pa ...

最新文章

  1. Eclipse MAT插件下载地址
  2. 方舟服务器如何修改恐龙,方块方舟人物及驯养恐龙属性修改教程 人物属性怎么修改_游侠网...
  3. 智能循迹小车_智能机器人之循迹小车——循迹原理
  4. 网易云信即时通讯推送保障及网络优化详解(三):如何在弱网环境下优化大数据传输
  5. JavaScript高级之正则表达式
  6. 区分内边距与外边距padding和margin
  7. Java 序列化Serializable详解
  8. Excel VBA 函数
  9. 福昕PDF阅读器文本复制功能设置
  10. SourceSafe的命令行
  11. 【转发】Cortex-M3 处理器
  12. 机器学习项目(五) 电影推荐系统(五)Criteo Ctr
  13. 【计算机毕业设计】500闲一品零食交易平台
  14. qlv文件怎么打开 怎么把qlv文件转换成MP4的文件呢
  15. iPhone上的lrc播放器可以在播放mp3文件时显示歌词
  16. 地图导航APP开发功能
  17. SpringBoot与日志
  18. 一步一步学习Redis——使用config命令查看或设置配置项
  19. 两款吾爱破解优秀软件,批量查找文本,图像视频画质增强
  20. [BZOJ1691][Usaco2007 Dec]挑剔的美食家(贪心+splay)

热门文章

  1. swift实现python中的spicy.signal.find_peaks
  2. Nuscenes——环视相机下BEV时序融合:前后帧空间对齐操作
  3. K3终极折腾记<一>
  4. 01 为什么要学习计算机组成原理?
  5. 互联网大厂的如厕自由
  6. cygwin使用apt-cyg
  7. 今天来说说白色white
  8. 剑桥2021计算机专业,2021剑桥大学计算机专业录取条件出炉 你有信心过线吗
  9. 台式机没声音怎么样才能解决
  10. 身份证号码编码规则及校验位校验算法