Flowers Shop — сайт + Telegram бот для квіткового магазину
Flowers Shop — повноцінна #платформа для квіткового магазину: #сайт-вітрина для клієнтів і #Telegram бот з адміністративною #панеллю та #клієнтським #кабінетом. Весь функціонал розроблений з нуля без #CMS і готових шаблонів.
Сайт має #преміум #дизайн у палітрі бордо, золото і слонова кістка, з #адаптацією під #мобільні пристрої, scroll reveal анімаціями і прогрес-баром скролу. #Каталог #товарів підтримує фільтрацію по категоріях і пагінацію по 9 товарів на сторінку. Кожна картка показує #рейтинг зірочками, бейдж знижки або "Букет дня", а при кліку відкривається попап з галереєю до 3 фото і повною інформацією.
Окрема секція "Букети дня" виводить обрані товари. Відгуки клієнтів відображаються з аватаркою, оцінкою і назвою товару. В контактах — інтерактивна карта OpenStreetMap з кнопкою маршруту, графік роботи з підсвіткою поточного дня і посилання на соцмережі. Попап замовлення містить контакти магазину і форму "Зателефонуйте мені" з маскою українського номера і захистом від спаму по IP.
Telegram бот для адміністратора дозволяє повністю керувати магазином: додавати і редагувати товари з до трьома фото, налаштовувати відсоткові та фіксовані знижки, керувати категоріями і букетами дня. Вбудована система модерації відгуків з миттєвими сповіщеннями. Розсилки підтримують текст з форматуванням, фото і відео, мають превью перед відправкою і статистику доставки. CRM покупців дозволяє додавати покупки клієнтам по номеру телефону навіть до їх реєстрації в боті, з автоматичним сповіщенням клієнта в Telegram.
#Клієнтський кабінет в боті авторизується через номер телефону і одразу показує всю історію покупок — навіть якщо адмін додав їх раніше. Клієнти можуть залишати відгуки з оцінкою і текстом, анонімно або з іменем.
Технічний стек: #Node.js 22, #Express.js, #SQLite з вбудованим node:sqlite, #Telegraf.js, #Leaflet.js, #Vanilla #HTML/CSS/JS. Два процеси (сервер і бот) працюють паралельно через WAL mode без блокувань. Деплой на #VPS через #PM2 і #Nginx.
Сайт має #преміум #дизайн у палітрі бордо, золото і слонова кістка, з #адаптацією під #мобільні пристрої, scroll reveal анімаціями і прогрес-баром скролу. #Каталог #товарів підтримує фільтрацію по категоріях і пагінацію по 9 товарів на сторінку. Кожна картка показує #рейтинг зірочками, бейдж знижки або "Букет дня", а при кліку відкривається попап з галереєю до 3 фото і повною інформацією.
Окрема секція "Букети дня" виводить обрані товари. Відгуки клієнтів відображаються з аватаркою, оцінкою і назвою товару. В контактах — інтерактивна карта OpenStreetMap з кнопкою маршруту, графік роботи з підсвіткою поточного дня і посилання на соцмережі. Попап замовлення містить контакти магазину і форму "Зателефонуйте мені" з маскою українського номера і захистом від спаму по IP.
Telegram бот для адміністратора дозволяє повністю керувати магазином: додавати і редагувати товари з до трьома фото, налаштовувати відсоткові та фіксовані знижки, керувати категоріями і букетами дня. Вбудована система модерації відгуків з миттєвими сповіщеннями. Розсилки підтримують текст з форматуванням, фото і відео, мають превью перед відправкою і статистику доставки. CRM покупців дозволяє додавати покупки клієнтам по номеру телефону навіть до їх реєстрації в боті, з автоматичним сповіщенням клієнта в Telegram.
#Клієнтський кабінет в боті авторизується через номер телефону і одразу показує всю історію покупок — навіть якщо адмін додав їх раніше. Клієнти можуть залишати відгуки з оцінкою і текстом, анонімно або з іменем.
Технічний стек: #Node.js 22, #Express.js, #SQLite з вбудованим node:sqlite, #Telegraf.js, #Leaflet.js, #Vanilla #HTML/CSS/JS. Два процеси (сервер і бот) працюють паралельно через WAL mode без блокувань. Деплой на #VPS через #PM2 і #Nginx.