6. (5 Points) Explain a) what Git is, b) what GitHub is and how it differs from Git, and c) what Travis-CI is and how it differs from Github. 7. (30 points). Read the following description carefully!!! Write a complete JS class containing code that will generate an unordered list of users (it's going to be used in a chat application). It must meet the following criteria: Use ES6 classes and exports only the primary UserList class. No default export, please. The chat room's name will be part of the overall page's URL (e.g./chat/ ***ROOMNAME***) and will be passed to your constructor (see sample invocation below). In a method called Load(), use an AJAX GET call (Promise syntax only) to "/v1/ room ***ROOMNAME***/users" to fetch the list of users in the room. Only use a template strings, please. Store the list of users within the class as a member variable. Make sure to initialize that variable properly. Define a Render() method that returns a string that is HTML representing the unordered list of users. Each list item should display the user's icon image and their name. Again, use template strings - and no libraries. You should not have to use any additional 3rd party libraries (except for jQuery for the AJAX call above). 2: Structure Your class should be robust to no names being returned. You do not need to worry about handling non-200 responses. npm :Favorites 2 0 . Lastly, you do not need to worry about styling. The data received for the list of users will be the following: name: 'Graham', icon: "/img/graham2.png' }, { name: 'John', icon: '/img/john17.png' }, { name: 'Jodie', icon: '/img/iodie4.png' }, { name: 'Penny', icon: '/img/penny21.png' } Your component will be invoked in with the following code: import { UserList ) from './user_list'; let list - new UserList (oomname); list. Load(); const data = list. Render(); $('#foo').html(data); export class UserList { /*** Your code goes here ***/