- General
- Vanilla JS only
- Github public Repository
- Commit every requirement
- Layout
- Mobile layout structured using given template
- Chat
- Upon login, messages must be rendered as in template
- All message types must have their own unique color and text set
- Reload messages every 3 seconds
- Chat auto-scroll if new messages have arrived
- Private messages must only be viewed by user if he is either the sender or recipient
- Chatroom entry
- Upon page-load, user must be prompted for username
- After user input user, username must be registered on server only if it is unique. Otherwise, keep prompting user for username
- While user is connected, the page must warn server that the user is online every 5 seconds
- Message sending
- After sending a message, it must be sent to server
- If server response is an OK, must load new messages and update chat
- If server resolves is an ERROR, recipient has logged off and page should reload
- The recipient, sender and type of message must be informed. If type if a private message, it must be sent only to recipient
- After sending a message, it must be sent to server
- Bonus (optional)
- Active users
- Upon clicking the upper-right icon, sidebar must open as page overlay, with semi-transparent background
- Upon clicking the background, sidebar must close
- Page must update active users every 10 seconds
- Upon clicking on a user or a visibility option, selected item must be check-marked
- After every parameter selection change, text below input message must also change
- Login screen base on template
- Message sending on Enter-key
- Active users
In this section I included all Youtube content I used or refered to while studying for this project. Keep in mind that most of these videos contain information that was not previously studied during class, which may affect some parts of the code that contain these extras.
