Latest chart Chat features (Webpack2 + react + router + redux + scss + Nodejs + Express + MySQL + ES6/7)

Please indicate the reprint link: http://www.cnblogs.com/zhangkunweb/p/6853728.html

I am a like churn people, nothing is always like to learn something new, may not be used now, but there is no guarantee that the next moment will not be used.

I've been working on web development that relies on angular.js, but how can I use it all the time? Look at the recent mess of Fire reactjs, my God, do not learn it, how can sleep good sleep.

Today I share a dependency on the latest version of Webpack + react + router + redux + scss + nodejs + MySQL + ES6/7 to implement a chat feature.

(You can click to download: Https://github.com/zhangKunUserGit/myChart) It includes: (Avatar is casual, now there is no function and meaning)

(1) Login/Registration

(2) Chat

Characteristics:

1. Support Checking user name duplicate and password error;

2. Support multiple login chats, one of which exits does not affect other devices (different browsers) logon situation

3. Click the right mouse button, you can operate their own chat information (now only do the deletion function);

4. The information frame and input box can be scaled up and down;

5. Chat Information support batch loading;

6. Press Shift+enter on the input box, enter to send the message;

7. When loading, the navigation below has the popular loading animation effect;

Due to the problem of energy and time, it is imperfect and its insufficiency:

1. Temporarily does not support one-click Copy and edit;

2. No private chat and room (group) function;

3. No friends feature added;

4. No response for the time being written;

5. No avatar upload and function;

6. Forget the password and edit your own information function;

8. No unit tests;

9 .....

It seems that there are a lot of features not done. I have time to make up, how you have time can also help me fill.

Finally attached to my MySQL table, I created a total of two tables, one called users, save the user's information, the other is chartcontent, save chat information, the column name is as follows:

(1) Users table:

(2) Chartcontent table:

Because there is no professional testing personnel testing, so there may be bugs, I hope you run, there is a problem in time feedback, I will promptly revise, thank you.

Latest chart Chat features (Webpack2 + react + router + redux + scss + Nodejs + Express + MySQL + ES6/7)