Client: Server:

Chatter

• Just pick a name and a room code to chat among other people in real-time
• Shows a list of people that are participating the same room
• Also view responsive and compatitble on mobile or tablet
• When viewing past messages, you can auto-scroll back down to the latest message (It's a square icon in the chat)
• Note: If there are no http requests within a 30-minute period according to heroku's free hosting terms & policies, server can be idling so it might take a bit to connect to the server

Client:

• Built with React,js and Bootstrap
• Deployed on Netlify 24/7

Server:

• Built with Node.js, Express.js, and Socket.io
• Deployed on Heroku 24/7

Future Implementations:

• An option to pick and choose an emoji (At the moment, you can type it e.g. ":)")
• A search feature to look for ongoing chatrooms
• Provide option to add images to user's identity

Libraries You Might Be Interested:

• React-Scroll-To-Bottom
• Socket.io