Здравствуйте) У меня есть задание, нужно сделать чат в реальном

Question

Здравствуйте) У меня есть задание, нужно сделать чат в реальном

времени который будет очень похож по функциональности к веб версии чата Скайпа. То есть будет возможность пересылать не только текстовую информацию, но и смайлы, файлы (картинки с превью, видео и другие файлы типа .docx, .txt, .zip и т.п. ). На данный момент определился, что буду использовать Laravel с API + VueJS + Pusher.

Но меня очень интересует как правильно сделать область чата, то есть поле ввода информации (где можно будет вставить смайл прямо в поле, и он сразу будет как иконка ) и просмотра всех сообщений (с обычными текстовыми сообщениями и, что тоже интересно - превью для картинок и файлов)

Вот дизайн чата: http://joxi.ru/BA0GBYMTMBe7n2

Подскажите пожалуйста как можно реализовать эту область чата с помощью ??

Спасибо большое ))