Використовуючи ReaсtJS(бажано але можна Angular чи будь-який інший фреймворк) реалізувати чат з наступними вимогами:
-
Вигляд сторінки чату має бути максимально наближеним до наступної картинки: HTML/SCSS бажано писати власні без використання UI бібліотек.
-
При старті аплікації у користувача чату вже має бути статичний список контактів, а також історія спілкування з деякими користувачами.
-
При виборі контакту зі списку контактів автоматично відображається історія спілкування між користувачами. Кожне повідомлення чату повинно мати наступні атрибути - текст повідомлення, час та дату відправлення.
-
Вибравши співрозмовника користувач має можливість написати повідомлення в чат і після надсилання він має отримати автоматичну відповідь через 10-15 секунд зі сповіщенням. Для генерування автоматичної відповіді потрібно використати Chuck Norris API, а саме використати API метод який генерує випадкові жарти. Значення “value” і має бути текстом автоматичної відповіді в чаті.
-
Реалізувати пошук серед контактів. Функціонально пошук має працювати подібно як у будь-якому відомому месенджері.
-
Збереження історії меседжів після перезагрузки сторінки.
-
Контакти з новими повідомленнями повинні автоматично переміщатися вгору.
-
Крім коду обов'язково має бути лінка на задеплоєну аплікуху - інші варіанти не будуть розглядатись.
- Адаптивний дизайн.
- Логін через сторонні провайдери