Connect custom web interface to XMPP (OpenFire) server

Looking to have an XMPP web client implemented. Interfaces look like those in attached images. I will send you html/css implementations of the UI. What you have to do is wire it up with OpenFire using javascript. I am looking to build a long term relationship with a skilled XMPP / Javascript developer. This is the first part of many projects I will post for this product. This project is the intro so I can evaluate and find the best developer. There will be many more projects to continue to expand and improve this product. General Overview: - This is meant to be a replacement for email, with a very WhatsApp-style feel to it. You have a list of user with which you have chats. But like email, you can have multiple threads of communication with one person. In this application, we are combining them, by having a WhatsApp style chat app that supports multiple different threads with one person. - As a result of the above requirement, there will not be any direct user to user chats. All initiated chats will be group chats (MUC’s) with 2 participants in them, which a specific chatroom name, similar to subject field in email. In this way, two users can be in multiple MUC chat rooms with each other, but have different titles for the chat room. This is not possible if we use direct peer-to-peer, non MUC chats. - The application needs to be secure. Thus, all communication with server will be via SSL and unsecured connections and transmission of data will not be supported. Usage: - To begin with, lets not worry about the login page. Lets just read them in from a config file that you create. This includes the username, password, the XMPP hostname, etc. - When you log in, you see all the users with which you have initiated a MUC/group chat with on the left hand side. Not the individual MUC’s, but the list of participants with which you share MUC’s. (notice that unlike standard XMPP chat clients, there is no concept of “adding a user/friend”, you see a person as a “contact” on the left menu when you share at least one MUC with them) - When you select one of the users on the left hand side, it will open a submenu which includes the titles of all the MUC’s you share with that person. - When you select one of the available MUC chatrooms between you and the person you are interested in talking to, its conversation history is fetched and shown in a very “WhatsApp” like interface. (This means only the most recent 20 lines is fetched and more is requested as the user scrolls up.) - If the user wants to initiate a new topic/group chat with the user, they can click on the plus sign under the list topics/group chats. - If they want to initiate communication with a user not currently in their list, they will click the plus sign at the bottom of the menu on the left hand side. Technical specs: - MUC/chatroom is hidden and only visible to members. - All communication is via SSL. - Backend XMPP server is OpenFire. I have a test/sample OpenFire installed on AWS, which you will need to use for all the development work. This includes any configuration changes and plugin you need to make to OpenFire to make your application work as needed As part of your bid, please let me know if you feel you will need to install any plugins or extensions. If you dont feel any extensions to OpenFire is needed, please make sure to indicate that too. I will not consider any bids without this information. Happy Bidding.