The Loneliest Chatroom

Loneliest chatroom sample screenshot

Features

Try to implement as many as possible of the following. As always, done is better than perfect and half a loaf is better than none.

  • Typing a message into the text input and hitting enter should create a message in the chatbox.
  • The text box should be cleared out when enter is pressed to make room for the next message.
  • The message should always be from either "Me", "Myself", or "I".
  • The message should be timestamped.
  • Clicking an X by the message should delete the message.
  • Clicking the "I feel lonely" button should make an API request to the Internet Chuck Norris Joke Database -- specificially, to the random joke endpoint: https://api.chucknorris.io/jokes/random. Hint: you probably want to use fetch to do this.
  • It should create a new message in the chatbox, from "Fact"

Tech

  • Only use vanilla JS to manipulate the DOM.
  • The ONLY thing you can add to the HTML are eventHandlers
  • Feel free to add your own custom CSS stylings

Submissions

  • Clone this repo
  • Create and assign yourself an issue
  • Submit your work in the form of a pull request that closes the issue
  • Your branch should have the naming convention feature-issue-number-your-name
  • Submit your link to Wynston