Create Lobby Front end Ui for browser based game

This project is not for building an android/ios app. I estimate there is between 20 and 40 hours work on this project: please bid accordingly. If you feel it will take longer please explain why. I have already built the backend (PHP) for a multi player online game. Unfortunately, other projects have come up and I no longer have the time to complete the front end UI. This project is the first phase of building the front end for the game and will focus on the communication infrastructure and the lobby/game listing functionality. Successful completion may lead to a larger project to build the game engine itself. The game is aimed at mobile devices, but must also function on desktop machines. Performance (and battery life preservation) is of up most importance so I've selected the Ender Js [login to view URL] platform for development on as it is lightweight and tightly focused. Most of the code will be vanilla js. I spend a lot of my time at work reviewing other people's code as well as developing myself. I expect very high quality from this project as I will probably be picking up future maintenance and new features myself. As such the code should: 1) Be easy to read + understand 2) Be modular and have clear boundaries between responsibilities 3) Follow a dependency injection pattern 4) Be fully unit tested 5) Follow good software design eg S.o.l.i.d. The bulk of the work will be: - Create a HTML5 GUI for listing open games, allow these to be filtered; games with spaces left should be listed at the top - Users should be able to join a game from the list or create their own new game - Once in a game, a GUI should display information about that game including other players and ready status. - Create code for managing the state of the lobby which is separate to the code for handling the GUI, although the game will be based on websockets; this manager shouldn't be aware of that, in fact it should be possible to swap the communication layer without changes to the manager itself. - Create code for receiving and sending messages via web sockets according to the protocol I have already defined. This should be separate enough that changes to the protocol shouldn't cause any need for changes to the lobby manager or gui. Javascript, HTML + CSS markup must work on any browser version which supports websockets. See: http://caniuse.com/#search=websockets I will provide any successful bidder with access to a server to test against, the protocol specification and some javascript test code I used for testing the server implementation. Architecture of solution will then be discussed and agreed before development will start so great communication skills are vital. Finally, the games code/development name is nodes please mention this in your bid to prove you've read the full spec.