WhatsApp Green Api

Небольшое web-приложение с помощью которого можно отправлять сообщение и так же их получать.

Сделано с помощью

Client: React, Vite, TS, react-query, zustand, react-hook-form, styled-components.

Пользователь переходит на сайт и вводит свои учетные данные из системы GREEN-API (idInstance, apiTokenInstance).
Пользователь вводит номер телефона получателя и создает новый чат.
Пользователь пишет текстовое сообщение и отправляет его получателю в WhatsApp.
Получатель отвечает на сообщение в мессенджере WhatsApp.
Пользователь видит ответ получателя в чате(Чтобы получить все сообщение, нажмите на кнопку правом верхнем углу, если не сработает с первого раза нажмите несколько раз.).

Сначала клонируйте репозиторий
```
git clone https://github.com/sapar6ek0v/green-api.git
```
Перейти в директорию проекта
```
cd green-api
```
Установите все пакеты
```
npm install
```

Чтобы запустить этот проект, вам нужно будет добавить следующие переменные среды в ваш файл .env.

VITE_API_URL_BASE -> https://api.green-api.com

После установки всех пакетов запускаем локально
```
# запуск в режиме разработки
npm run dev
```
Если у вас есть docker на локальном компьютере, запустите команду для запуска в режиме разработки.
```
# запуск в режиме разработки
docker-compose -f docker-compose-dev.yml up
```
Если у вас есть make на локальном компьютере, запустите команду для запуска в режиме разработки.
```
# запуск в режиме разработки
make run-dev
```

После установки всех пакетов запустите локально

# build в продакшен
npm run build

# запуск для предварительного просмотра
npm run preview

Если у вас есть docker на локальном компьютере, запустите команду для создания образа в продакшен.

# docker в режиме продакшен
docker build -f Dockerfile.prod -t eld11ar/green-api .

# запуск в режиме продакшен
docker-compose -f docker-compose-prod.yml up