Цветочный магазин — сайт + 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.