Skip to content

Latest commit

 

History

History
26 lines (26 loc) · 2.23 KB

README.md

File metadata and controls

26 lines (26 loc) · 2.23 KB

Simple chat React App: whatsDown

Небольшое клиентское приложение, выполненное как тестовое задание. Приложение позволяет отправлять и получать сообщения через Green Api для мессенджера WhatsApp.

Стэк:

Frontend: React (TS).

  • Для удобного хранения и обращения с сообщениями используется Redux.
  • Как вспомогательная библиотека используется MUI.
  • Основная стилизация задана с помощью CSS.

Архитектура клиента:

Общение с whatsApp происходит только по средствам работы с GreenAPI.

  • Отправка сообщений. Реализована с помощью запроса SendMessage. Сообщение отправляется, после чего ожидается ответ от API. В случае успеха сообщение сохраняется локально.
  • Получение сообщений. Реализовано с помощью запроса ReceiveNotification. Запрос о наличии новых оповещений регулярно посылается к API, после обработки предыдущего. Более экономно использовать socket'ы или webHook'и. Но в рамках поставленного ТЗ реализовать это невозможно.
  • Сохранение сообщений. Как и других данных, происходит с помощью localStorage. Для удобной работы с объектами localStorage используется Redux.

Локальный запуск:

Установка модулей и запуск:

npm install && npm run start 

Сборка и запуск:

npm run build && npx serve -s build

Showcase:

auth chat add contact