Real time chat application with users and rooms. Node and Express on the back end, vanilla JavaScript on the front end, socket.io is used for real time, bidirectional communication between the client and the server. jQuery used to query the DOM and HTML and CSS used for the markup and styling. This is my second web application and an upgrade on my first, Skynet Chat.
-
Visit SkyRooms' Official Website.
-
Invite one or more friends to do the same.
-
Select your username and choose a room name.
-
Let your friends know what room you entered. Note, room names are case sensitive!
-
The SkyRooms bot will let you know when your friends join the room you're in. Once you're all there, have fun chatting!
-
Rooms: Multiple rooms can be open at once. Users can communicate with other users in the same room as them.
-
User display: Sidebar where the list of users in your room are displayed. The sidebar is dynamically updated each time a user joins and leaves the room.
-
Colours for sender vs receiver: All messages you send are in blue, all messages you receive are in grey.
-
User typing: Lets all users know when another user in their room is typing a message.
-
Welcome and join: SkyRoom gives you a welcome message when you join a room and it lets all the other users know you have joined the room.
-
Leave: SkyRoom lets all other users know when a user leave the room.
-
Room display: Under the header bar, there's a bar which always lets you know what room you are in.
-
Leave room button: Button you can press which exits you out of the room you are in.
-
Timestamp: Every message has a small display of the time it was sent in the bottom right corner of the message bubble.
-
Responsive: Use of CSS Flexbox makes the application responsive in the browser.
-
Most recent message: Like any chat application out there, the scrollbar follows the most recent message.
- Check out Skyrooms' predecessor, Skynet Chat, where you can communicate with the computer and get random responses.
- Check out my Codewars repo, where you can find my solutions for almost 300 Codewars kata.