edridudi / nodejs-reactjs-chat-app

Chat application made with React and Socket.io-client for front-end and Nodejs, Express, and Socket.io for back-end

Home Page:https://nodejs-react-chat-app-frontend.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Node.js & React.js Chat Application

Frontend UI/UX

  • ScrollToBottom - for the Chat Window to be automatically scrolled down when new messages are received.
  • UIFX - FX Sound for each Message received by Other Users.
  • String-to-Color - Unique Color for each different user (as in Whatsapp).
  • React-Emoji - Supports Emojis in the Chat.
  • Avatars - https://ui-avatars.com/ API to generate Avatar of Initials (as in Google) for each new User.
  • RTL Support for messages in RTL languages.

Backend

The Server is Powered by Nodejs and Express.

To run the server, you will need to use NPM Start. For fast real-time chat messages, the chat application is running under Socket.io.

Scalability

Possibility to scale it to support more than one public room.

Enjoy

About

Chat application made with React and Socket.io-client for front-end and Nodejs, Express, and Socket.io for back-end

https://nodejs-react-chat-app-frontend.herokuapp.com/


Languages

Language:JavaScript 58.4%Language:CSS 35.8%Language:HTML 5.7%