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