This Chat App allows you to exchange messages in sync with other people in real time and keep your conversation private by creating a specific room to chat in. Users from other rooms does not have access to your room and can't see your messages. To start using the application, you need to set your username and create a name of the room. For example, name: Lucy, room: JavaScript. Your interlocutors should type in the same room name when entering the application to join the chat.
The main goals for me as a web developer were to improve my skills in working with:
- JavaScript
- Node.js
- Socket.io
- Mustache.js library
- Moment.js library
- Qs library
- HTML/CSS
NOTE: The app is deployed on the basic (free) tier of Render.com, so the rendering is slow. It may take up to 2 minutes to load after clicking the website link. Thank you for your patience!
https://real-time-chat-app-ew17.onrender.com/
- user can join the chat in a specific private room (only users in this room will see the user's messages)
- dynamic rendering of messages and user presence in the chat
- profanity checking (messages with swear words will not be published)
- displaying the timestamp for each message
- displaying the user's name for each message
- greeting and goodbye notification from admin on user enter and leave
- share location option (each user can share their location with other users in the room)
- autoscrolling
- responsive design (mobile adaptation)