happy chat web

happy-chat-web

LeChat, a happy chat application, supports PC and wireless terminals. A chat technology product that supports PC, wireless, desktop and Android. Supports text, emoji expressions, https and http2.0, global Router.beforEach implements data burying, etc. Technology stack: vue+vuex+koa2+websocketIO+mysql+redis. The desktop side (win) uses electron implementation, and the android side uses cordova. Online address: https://chat.chengxinsong.cn

1. Function

• Version v 1.0.0

  • 1. Support registered users and email activated users;
  • 2. Support login
  • 3. Support robot chat;
  • 4. Support adding friends and one-to-one chat;
  • 5. Support creating groups, adding groups, and one-to-many chat;
  • 6. Support deleting friends and exiting the group
  • 7. Support personal information editing
  • 8. Support adding friend notes
  • 9. Support sending Chinese text in chat
  • 10. Supported browsers: Chrome, Firefox, Safari, IE9 and above;

• Version v 1.1.0

  • 1. Support sending emoticons during chat
  • 2. Supports fetching chat content in paging, and the scroll bar remains at the position when paging.
  • 3. Support sending pictures during chat

• Version v 1.1.1

  • 1. Support https and http2.0, front-end routing mode history

• Version v 1.1.2

  • 1. Data burying points, page PV related data statistics
  • 2. Login log statistics

• Version v 1.1.3

  • 1. Message feedback module
  • 2. Support username login and password change

2. Online address

https://chat.chengxinsong.cn

3. Source code usage

 git clone https: // github.com/saucxs/happy-chat-web.git

cd happy - chat - web

npm i

npm run dev 

4. Screenshot

chat

robot

Message list

Address book

personal information

etc.

5. Source code address

The project uses front-end and back-end separation, and no database is provided for the time being. If you have any needs, please contact me.

• Front-end code: https://github.com/saucxs/happy-chat-web
• Backend code: https://github.com/saucxs/happy-chat-node

6. Corresponding articles

• happyChat development series: HappyChat front-end development using websocket.io to achieve two-way communication
• [nginx series] nginx is upgraded to support HTTP2.0

7. Welcome to pay attention

show me code: https://github.com/saucxs

There will be more knowledge system construction, technology sharing, project practice, laboratories, etc. in the future. Welcome to follow this public account: [Songbao writes code]

WeChat public account: [Songbao writes code] songEagle develops knowledge system construction, technology sharing, project practice, laboratory, takes you to learn new technologies, summarizes the learning process, and allows you to advance to a senior engineer, learn project management, and think Career development, life insights, and growth through enrichment. If you have any questions or suggestions, please leave a message on the official account.

WeChat Group: [Writing Code] R&D Advanced Group An industry and research group for growth and exchange, helping to attract industry and research students to join the group and gain popularity. Every development student should form his or her own knowledge system and outline it???