javascript

(1) Add a feature so that Usernames are unique (case insensitive Make this check on unique usernames on the server side. Have the server emit a new message 'failed-join' When this message is emitted to the client display an error on the client that the username already exists. (2) Add a feature so that every user has a custom avatar Use robohash.org to generate unique avatars based on usernames. Store the avatar information in your content object. o The avatar image should be displayed using data binding ff data.avatar NOTv-bind:src-?"http://robohash.org/((something}}'" . (3) Add a feature that displays a Welcome message to the user after logged in Create a new Vue component that shows the a welcome information Include the user avatar and username Use data binding for both user name and avatar (1) Add a feature so that Usernames are unique (case insensitive Make this check on unique usernames on the server side. Have the server emit a new message 'failed-join' When this message is emitted to the client display an error on the client that the username already exists. (2) Add a feature so that every user has a custom avatar Use robohash.org to generate unique avatars based on usernames. Store the avatar information in your content object. o The avatar image should be displayed using data binding ff data.avatar NOTv-bind:src-?"http://robohash.org/((something}}'" . (3) Add a feature that displays a Welcome message to the user after logged in Create a new Vue component that shows the a welcome information Include the user avatar and username Use data binding for both user name and avatar