Приложение 'Чат'
| Посмотреть этот проект |
Проект i-messenger был выполнен как тестовое задание:
Реализовать приложение "Чат".
Описание:
- Чат, в котором есть сообщение от других пользователей (реализовать через заглушку), а также ваши. При наведении появляется возможность "ответить";
- Все свои сообщения добавляются в форму под чатом, которая содержит:
- кнопки форматирования текста и кнопку сброса всех примененных к тексту фильтров
- инпута для ввода имени
- инпута для ввода сообщения, к которому могут быть применены фильтры
- Сделал появление "ответить" только при наведении на сообщение;
- Возможность ответа на чужое сообщение.
Условия:
- Приложения должно быть реализовано на React, TypeScript (без использования сторонних библиотек);
- Надо перерисовать;
- Код оформить на GitHub с документацией по запуску.
- React
- TypeScript
- SCSS
- WYSIWYG (собственный)
- Figma
- Методология БЭМ (Nested БЭМ)
- Адаптивная верстка
- Синтаксис ES6
- REST API
- Динамическая валидация форм
- Webpack
- Проект подключен к серверу и размещен в интернете с использованием GitHub Pages
Запуск приложения в режиме разработки.
Откройте http://localhost:3000 чтобы увидеть результат в браузере.
Страница обновится автоматически при внесении изменений.
- При нажатии на кнопку со стрелкой в левом верхнем углу откроется/закроется меню навигации
- При нажатии на кнопки меню будет осуществлен переход между страницами приложения (реальзована только одна страница - 'Чат')
- При наведении на сообщение появится кнопка ответить, при нажатии на которую текст сообщения появится в нижней части экрана
- Для форматирования текста, введенного в поле 'Сообщение' предусмотрен WYSIWYG редактор собственной разработки, с 6 кнопками.
- При нажатии кнопку с изображением бумажного самолета в нижней части экрана сообщение отправится в чат
Сделать бэк часть для хранения сообщений пользователей сприменением.
- Никита Семенов - Web Developer - Никита Семенов - **