rambler-chat

Сверстать страницу приложения, которая состоит из двух модулей: окна переписки и списка контактов. Каких-то ограничений по HTML и CSS нет, можно использовать любые варианты позиционирования блоков, любые модули CSS3. Однако нельзя использовать CSS-фреймворки (Bootstrap, Foundation, etc.).
Реализовать следующий функционал приложения. При клике на пользователя из списка (правый блок), в левом окне появляется лог переписки с данным пользователем. При добавлении текста в поле ввода и нажатии кнопки Send сообщение добавляется в лог. При переключении между пользователями сообщения не теряются и логи переписки сохраняются. Сохранение может быть реализовано любым удобным способом (в массиве, localStorage, sessionStorage, etc.). Данный функционал должен быть реализован на чистом JavaScript, без применения каких-либо фреймворков и/или библиотек.

Navigation Menu