Project using HTML, CSS, SCSS, JS, Google Appscript, Telegram and Viber API

Project design:
the landing page contains the correct structure of html elements. SCSS was used in the development process for convenience.

Configured form validation. Without the correct filling of the forms, the data is not sent. The client is warned.

After filling out the form, the customer's data is saved in a Google spreadsheet (instead of a database) and the second step is sent to a chat with the customer's managers in telegram

If the "Download price" form is filled out, then all of the above actions are performed, and the client is redirected to the telegram chat bot (also written in GAS)

viber bot:
- welcome message
- buttons: Download price and Consultation

When you click on the consultation button, the client sends his phone number.
After that, the standard process is triggered - writing to the database (table) and sending an application to a chat with managers

Конструкція проекту:
сторінка лендінг містить правильну структуру HTML елементів. У процесі розробки використано SCSS для зручності.

Налаштовано валідацію форм. Без коректного заповнення форм дані не надсилаються. Клієнту виводиться попередження.

Після заповнення форми дані замовника зберігаються в гугл таблицю (замість бд) і другим кроком відправляються в чат з менеджерами замовника телеграм.
Якщо заповнена форма "Завантажити прайс", то виконуються всі вище перелічені дії, а також клієнт переадресовується в чат телеграм (теж написаний на GAS)

Viber бот:
- вітальне повідомлення
- кнопки: Завантажити прайс та Консультація

При натисканні на кнопку консультація клієнт надсилає свій номер телефону.
Після цього спрацьовує стандартний процес - запис у бд (таблицю) та відправка заявки в чат з менеджерами

Конструкция проекта:
страница лендинг содержит правильную структуру html элементов. В процессе разработки использован SCSS для удобства.

Настроена валидация форм. Без корректного заполнения форм данные не отправляются. Клиенту выводится предепреждение.

После заполнения формы данные заказчика сохраняются в гугл таблицу (вместо бд) и вторым шагом отправляются в чат с менеджерами заказчика в телеграм

Если заполнена форма "Скачать прайс" , то выполняются все выше перечисленные действия , а также клиент переадресовывается в чат бот телеграм (тоже написан на GAS)

Viber бот:
- приветственное сообщение
- кнопки: Скачать прайс и Консультация

При нажатии на кнопку консультация клиент отправляет свой номер телефона .
После этого срабатывает стандартный процесс - запись в бд (таблицу) и отправка заявки в чат с менеджерами