Giter Club home page Giter Club logo

nchat's Introduction

NChat：React+Express全栈聊天室

项目内容：

基于React+Express技术，独立进行前后端开发的开源即时通信聊天室，实现了注册登录、设置头像、实时聊天等模块。

技术栈：

React+React-router+Express+MongoDB+Socket.io+Axios+Antd+styled-components+emoji-pick-react

项目特点：

  1. 基于路由拦截+本地存储+token的方式实现前台与后台的登录鉴权模块；
  2. 基于Socket.io生成Websocket服务器，实现了文字消息和emoji表情的即时通信；基于MongoDB数据库实现聊天记录持久化；
  3. 基于rem+媒体查询实现前台移动端适配；基于scrollIntoView API搭配useRef，实现了聊天窗口滚动显示最新消息，提升用户体验。

nchat's People

Contributors

northnoah avatar

Stargazers

avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.