Giter VIP home page Giter VIP logo

cr's Introduction

A Real-Time Chat Room Built with React

Online demo:http://cr.mdzzapp.com

Updates

Features

  • Register user, login and logout, private chat, group chat, browse history
  • Create group, join group, search user, search group
  • Send image, bookmark image, image galleries
  • Customize avatar, modify and browse personal information
  • Desktop notification, sound notification, title icon notification
  • Block and follow user
  • Switch notification and fullscreen, customize background image
  • Plugin system

Screenshot

x3

Install

git clone https://github.com/redsx/CR.git
cd CR
npm install
npm run-script client-start # pack front-end code
npm start # open server, open http://locahost:3000

Tips:

  • Check whether you installed the mongodb and the nodejs(v6.0+) before running the project.
  • If the port number of your mongodb is not 54321, you should change the PROT variable in ./server/config/mongo-config.js to it before running npm start.
  • If you fail to install the bcrypt, you can use bcrypt-nodejs to replace it. If you do so, please follow the comments in ./server/controller/user.js to change the parameters.

Route Map

  • Build an android edition with rn
  • Sending code function

cr's People

Contributors

blackmiaool avatar redsx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cr's Issues

消息去重

同一个人发的消息去重 禁止连续发送两条相同的消息

right panel problem

1 hide the right panel
2 fold the width of window
3 show the right panel
4 unfold the width of window

听不到音效

我看到设置功能里面有提示音选项,但是好像听不到音效。
也很好奇用reactjs做音效是如何实现的。

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.