ivan3123708/chat-app

React + socket.io chat app

Chat App

           

Description

Chat application which allows user to send messages to other people. Works on desktop, tablets and smartphones.

You can see demo here.

Features:

• Join public group chat
• See the list of all chat rooms & users online
• Create own group chat (user can protect it with password)
• Chat with users in multiple rooms
• Set avatar
• Change color theme
• Change background

Technologies & Tools

• React
• Express
• Socket.io
• Sass
• Webpack
• Axios
• Jest/Enzyme

Logo design by chimzycash
Used avatars from Hexatar for demonstration purposes

chat-app's Issues

Improvement: could the message textbox get the focus again after the message is sent?

Improvement: could the message textbox regain the focus after the message is sent (in case the send btn is clicked)?

You could use something like the following:

let messageTextbox = jQuery('[name=message]')
...
socket.emit('createMessage', DATA, function(err, server_msg) { // Ack.
  if (!err) {
    messageTextbox.val('') // Clear the message input text
  }
  messageTextbox.focus()
})
...

Blank page

Ubuntu18 after
npm install
node server.js
only blank page at port :3000

Logo Proposal

Hello...

I Came across your great project and as someone who loves to contribute to open source projects, I wanted to help contribute to your amazing project by using my Skills in LOGO DESIGN to create a logo/icon for your project...

I am currently working on some cool ideas... Once i'm done, I will post the idea concepts here so you can give me your feedback to make changes or tweak to suit your needs.

Regards.