This is my first ever web application, it's a simple chat application where the user interacts with the computer, which responds with random responses.
Languages/Frameworks/Libraries | |
---|---|
Back End | Node, Express, JavaScript |
Front End | JavaScript, jQuery, HTML, CSS |
-
Talk to Skynet!
-
Username: User enters their name when the page opens, which serves as their display name throughout the messaging.
-
Welcome: Skynet responds with a welcome message, using the user's name.
-
Colour bubbles: Like most modern chat applications, messages appear in coloured bubbles, user's colour is blue and the computer's is silver.
-
Timestamp: Every message bubble has a small display of the time it was posted in the bottom right corner.
-
Most recent message: Like any chat application, the scrollbar follows the most recent message, as it is posted.
-
Random responses: In our script file have an array of 20 preloaded responses, each time the user sends a message, Skynet responds with one of these messages at random.
-
Time delays: To provide some semblance of real life conversational flow, Skynet doesn't respond immediately, there is a delay which ranges from 1.5 to 2.5 seconds. The delay is short enough to provide a nice flow, but not long enough to disengage the user, whom of course knows they are not talking to a human.
-
Responsive: Use of CSS Flexbox makes the application responsive in the browser.
- Check out SkyRooms, the successor to Skynet Chat, where you can communicate with real people in real time!
- Check out my Codewars repo, where you can see my solutions for almost 300 Codewars kata.