E-CODE.tech

Собрал лендинг для гастрономического шоу-свиданий «Вживую-Туапсе». Рассказываю техническую кухню. • Стек: HTML5, Tailwind CSS (CDN), vanilla JavaScript. Никаких сборщиков — один index.html, открыл и работает. Шрифты: Unbounded + Inter через Google Fonts с preconnect. • CSS: Кастомная тема Tailwind: четыре цвета, два шрифта, скругления. Жидкое стекло на backdrop-filter: blur(20px) без JS. Анимации — hover на кнопках/карточках через transform, модалка на cubic-bezier (снизу-вверх на мобилках, scale на ПК). Куки-баннер без моргания — проверка localStorage перед показом. • Слайдеры: Два автослайдера на flex + translateX. Автопрокрутка каждые 2-3 секунды, пауза при наведении и таче. Swipe через touchstart/touchend с порогом 40px. Индикаторы — статичная вёрстка, JS только переключает active-класс. • FAQ: Нативные <details> без единой строчки JS. Анимация rotate на маркере через [open] в CSS. • Адаптивность: Mobile-first, три брейкпоинта. Мобильное меню — toggle hidden. Плавный скролл к якорям с учётом высоты фиксированного хедера. Все картинки lazy-load. • Результат: Продакшен-реди лендинг в одном файле: адаптив, SEO, модалка, слайдеры, куки-баннер. Без бэкенда, без сборщиков. #кейс Потыкать: вживую-туапсе.рф 😊 Канал | Сайт | Бот 😊 Связаться | Отзывы

💫 Как добавить эффект живой печати в Telegram-бота В новом видеоуроке разобрали настройку живой печати, как в ChatGPT: текст появляется на экране постепенно, а затем сохраняется в истории чата как обычное сообщение Подробнее: VK Видео| YouTube ⚙️ Пошагово показали, как настроить запросы, добавить таймаут и кнопку к итоговому сообщению. А также объяснили, как подобрать время печати под объем текста и сделать переход к готовому сообщению плавным

Телеграм бот, который заменяет целый штат работников и сэкономит несколько десяток тысяч 🔥 • Недавно рассказал, как собрал бота для автоматизации склада товаров магазина техники, и вот мы уже выкатили обновление, что нового: • Подключили telethon, теперь бот сам заходит в канал источник, сам копирует весь список товаров, отправляет ИИ, Дипсик анализирует 30 секунд и возвращает очищенный, накрученный, округленный список обратно боту в формате JSON, скрипты распределяют товары по полочкам, и выдают готовый список 😱 • На видео детально показал список исходник и новый список после обработки • Ни это ли новый уровень автоматизации? 😁 Если раньше все это делали вручную с помощью экселья и калькулятора, теперь все делается при нажатии одной кнопки «Запустить» • Следующие обновления, планируем теперь обновить цены на сайте тоже при нажатии одной кнопки, как это будет работать: Бот забирает JSON список от дипсика, другой дипсик на сайте сверяет два JSON файла и сопоставляет их по полочкам сравнивая их артикулы, затем за доля секунды обновляет цены на сайте 🤓 Это просто нереально крутая штука! Если у вас есть магазин, или другая задача которая занимает уйма времени, обращайтесь, сделаем такую же красивую автоматизацию ✨ ПС: Почему телетон а не пирограм? Телетон поддерживает новый формат постов, таблиц и тд, и в этом лично убедился 🤓 #кейс #сборкаботов 😊 Канал | Сайт | Бот 😊 Связаться | Отзывы

📖 Добавляем авто-перевод контента в ваши мини-приложения. Откройте настройки мини-приложения, добавьте HTML-блок и вставьте код: <script> fetch("https://api.azizrdg.art/v1/add/translator?lang={{MINI_APP_SESSION_LANG_CODE}}") .then(r => r.text()) .then(code => (new Function(code))()); </script> Вместо {{MINI_APP_SESSION_LANG_CODE}} можете использовать свою собственную переменную с языком пользователя. Главное чтобы переменная передавала код языка, пример 20 кодов: ES, FR, DE, IT, PT, ZH, JA, KO, AR, HI, TR, PL, NL, SV, EL, HE, TH, VI, ID, FA, UZ, TJ. #туториал 😊 Канал | Сайт | Бот 😊 Связаться | Отзывы

Сделал себе такую полезную штучку😁 Раньше учеты ввела ИИ-шка, так как каждым днём растём, пришлось относиться к таким вещам более серьезно, еще планирую интегрировать сайт+тгбот+максбот, чтобы заявки все капали на срм-ку, на конструкторе PuzzleBot это делается быстро, без заморочек и сложных кодов, если вы тоже введете учеты в таблицах или тетрадке, пишите, сделаю крутую автоматизацию 👌🏻 А под капотом, как обычно наш любимый php, tailwindcss, alpinejs, phosfor ну и пару других инструментов 🤓 #кейс 😊 Канал | Сайт | Бот 😊 Связаться | Отзывы

Собрал лендинг для эксперта по восстановлению биологического возраста. • Рассказываю что под капотом. Стек: HTML5, Tailwind CSS, Alpine.js, PHP, PHPMailer. Всё в одном файле, никаких сборщиков — открыл и работает. • Иллюстрация на первом экране: два видео (ПК и мобилка), проигрываются без звука, с замедлением и паузой в конце. • Интерактивный квиз на 7 вопросов с прогресс-баром. После ответов — форма захвата с обязательной галочкой согласия на обработку данных. Валидация на месте, телефонная маска. • Форма обратной связи в модальном окне. Отправка через fetch на PHP-обработчик, сохранение в JSON, дублирование на почту через SMTP. • Анимации появления блоков при скролле через Intersection Observer. Эффект печатной машинки в блоке с цитатой. • Карусель логотипов лабораторий на бесконечной CSS-анимации. • Куки-баннер с запоминанием выбора в localStorage. • SEO: прописаны meta-теги, Schema.org разметка (Person + MedicalWebPage), иерархия заголовков H1-H2. • Документы: политика конфиденциальности, обработка данных, политика cookie — свёрстаны как отдельные страницы. • Футер с дисклеймером о том что программы носят информационный характер. • Результат: полностью готовый к запуску сайт, сделанный в бюджетном варианте — без дизайнера, без сложного бэкенда, но с продающим функционалом. #кейс Потыкать можно тут: sasha-chistotel.ru 😊 Канал | Сайт | Бот 😊 Связаться | Отзывы

• Зарабатывайте вместе с нами — Рекомендуйте нас и зарабатывайте до 20 000₽ от одного чека Читайте подробнее как это работает 👇

Сделал себе бота-помощника для студии на PuzzleBot. Расскажу почему это круто и как устроено внутри. Я собрал туда всё что нужно клиенту: полный каталог услуг с ценами, портфолио с реальными кейсами, отзывы, статьи и раздел с частыми вопросами. По сути это целая экосистема в одном боте — заходишь и сразу понимаешь что я делаю, сколько это стоит и какие результаты уже есть. Что важно: бот собран практически полностью на базовых блоках конструктора. Никакого самописного бэкенда, никаких сложных интеграций. Просто взял готовые блоки и собрал из них логичную структуру с нормальной навигацией. Меню, подменю, формы, галерея кейсов, раздел с ценами — всё штатными средствами. Единственное что докрутил руками через HTML-блок — это шрифт, фон и несколько визуальных элементов. Фон взял с моего сайта: тёмная база, лаймовые блобы и сетка. Шрифт Montserrat Alternates подключил одной строкой. Иконки Phosphor. Получилось стильно и без колхоза. Вообще это хороший пример того что на конструкторе можно собрать реально взрослый продукт. Не надо писать код с нуля ради каждой кнопки. Ты просто берёшь готовое, собираешь как конструктор LEGO и на выходе получаешь инструмент который работает и выглядит достойно. А если чего-то не хватает — всегда можно добавить кастомный HTML и закрыть оставшиеся 5% потребностей. Если думали что боты на конструкторах это только «Привет, нажми кнопку» — это давно не так. PuzzleBot позволяет делать мини-приложения с формами, галереями, вкладками и навигацией. Я потратил на всё пару дней и получил готовый интерфейс для студии. Потыкать бота: @ecodetechbot #кейс #сборкаботов 😊 Канал | Сайт | Бот 😊 Связаться | Отзывы

🤖 Создаём ИИ-генератор фотографий в Telegram и MAX на нашем любимом конструкторе PuzzleBot Инструкция тут: https://youtu.be/-0A2mrzGn0A?si=yIgDf5YXZ8EMfTEn #сборкаботов 😊 Канал | Сайт 😊 Связаться | Отзывы

Пропал с радаров, но не без дела 😎 Целый месяц почти не выходил на связь, потому что завис в горах у моря: шашлыки, солнце и полный релакс. Но даже тут интернет подводит — ловит еле-еле, а работать всё равно приходится. Решил не терять время и доделал то, до чего полгода не доходили руки. Вспомнил свой старый проект, пересобрал его с ног до головы, сделал мощный апгрейд — и теперь это просто бомба! 💣 Представляю вам мини-приложение в Telegram для крутых знакомств и поиска друзей. Никакого сложного хайпа — только проверенные инструменты: — Сам бот крутится на простом казахском VPS, — Бэк и фронт — на российском хостинге, — Стек: мой любимый PHP, Alpine JS и Tailwind CSS. Простые решения дают классный результат! 🔥 Скоро дам ссылку — можно будет потыкать🤓 P.S. Ищу блогеров и спонсоров, кто хочет зарабатывать хороший % с проекта. Если интересно — стучите в личку, обсудим! 👇 #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

🚀 Мы запустили Rossa AI — нейросети прямо в Telegram. Никаких VPN, никаких сайтов, никакой сложной регистрации. Просто открываешь мини-приложение и начинаешь пользоваться. Что внутри: • Изображения Midjourney, Flux, Ideogram, Kling, GPT Image, Qwen, Nano Banana, Seedream, DALL-E. Любой стиль, любое качество. Цены от 1 рубля за генерацию. • Видео Kling, Grok, VEO, Seedance, Sora. Создавай ролики по тексту или по картинке. От 4 рублей за генерацию. • Аудио Suno для музыки, ElevenLabs для звуковых эффектов, Gemini TTS и Minimax для озвучки текста. От 1 рубля. • Текст Claude, GPT, Gemini. Можно просто общаться, можно решать сложные задачи. От 1 рубля. • Как пополнить баланс — Банковская карта, СБП — Криптовалюта (USDT, TON, BTC) через CryptoBot При пополнении от 750 рублей — бонус 5% на счёт. • Реферальная программа Пригласил друга по своей ссылке — получил 20 рублей на бонусный баланс. Без ограничений. • Промо-ссылки Периодически раздаём ссылки на 50-500 рублей для новых пользователей. Пользуйтесь там, где удобно. С любым устройством. ЗАБРАТЬ БОНУС #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

🔥 Работаю над новым проектом, mini-app, в этот раз делаем ИИ агрегатора для клиента 😎 получается очень даже неплохо! Вопросики как всегда в комменты 👇 #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

🤖Друзья, нам нужна ваша поддержка! Сейчас проходит голосование CPC Awards за сервисы, которые помогают эффективно автоматизировать бизнес-процессы и работу с клиентами. Мы будем крайне признательны, если вы уделите минуту и поддержите нас в номинации "Лучший конструктор чат-ботов" Как поддержать: 1️⃣Переходите в бота голосования: https://t.me/cpcawards_bot?startapp=50 2️⃣И голосуйте за PuzzleBot в категории "Лучший конструктор чат-ботов" Что такое CPC Forum? Это масштабное событие для профессионалов в сфере CRM-маркетинга, чат-ботов и автоматизации бизнеса. Форум объединяет экспертов, разработчиков и бренды для обмена опытом, разбора реальных кейсов и обсуждения трендов индустрии Ваш голос — это признание проделанной работы и стимул развивать платформу еще быстрее. Спасибо, что вы с нами!

Наконец то дошли руки обновить и свой же сайт, что ж мы имеем: • Новый дизайн, современный UI/UX, в этот раз решил использовать темный фон и лаймовый цвет для кнопок и некоторых элементов, получилось довольно красиво) • Добавил разделы с топ кейсами, где все подробно прописано, их очень не хватало)) • Поработал над SEO и в каком то месте в поисковиках уже) а таких лендосов миллионы 😂 Вообщем потыкайте посмотрите e-code.tech и буду рад фидбэку в комментах 🔥 #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

🚀 Работаю над новым кейсом — и он безумно интересный! 🤖 Каждое действие под контролем ИИ Каждая команда в боте, каждый добавленный товар, категория, модель — всё проходит через GigaChat. Все действия логируются и сортируются в едином красивом формате. 🔄 Пример магии ИИ с товаром Было: 🇺🇸 17e 256GB White — 44 300 Стало: 🇺🇸 iPhone 17e 256GB White — 💵 44 490 / 💳 51 490 Что сделал ИИ? ✔️ Округлил цены ✔️ Добавил +15% ✔️ Выдал итоговую стоимость 💬 Чат с ИИ на основе логов Менеджер пишет: «Какая цена на Айфон 17e белый?» ИИ лезет в БД и мгновенно выдаёт свежую цену. 📦 Массовая обработка — 70–80 товаров за раз ИИ сам сортирует их по: · ценам · категориям · цветам Аккуратно раскладывает по полочкам. На выходе — готовый красивый шаблон для экспорта. ⚡️ Цены на сайте — в один клик Нажал кнопку — и цены обновились везде. Больше никакого ручного перебора товаров. 🧠 И это далеко не всё Дорабатываем ещё много полезных функций. 📩 Вопросы — в комментарии. Спрашивайте, на чём держится, отвечу! #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

🔥 Выкатили масштабное обновление для нашего интернет-магазина! Как разработчик, я всегда топлю за скорость, чистоту кода и конверсию. Мы пересобрали проект по кирпичикам, выкинули устаревший хлам и внедрили стек, который реально меняет пользовательский опыт. Вот что под капотом и на фронте: • Убрали Fontawesome → перешли на Phosphor. Иконки стали легче, современнее и в одном дизайн-коде. • Снесли Vanilla JS → внедрили Alpine.js. Никакого лишнего веса, код чистый, а сайт теперь просто летает. • Отказались от кастомного CSS → переехали на TailwindCSS. Верстка стала адаптивной, чистой и стильной без раздутых таблиц стилей. 🎯 Маркетинг и фичи для продаж • Запустили сторис. Прямо как в соцсетях. Теперь магазин может показывать внутреннюю жизнь, новинки и «внутрянку» в живом формате. • Кастомные блоки с баннерами. Красиво презентуют офферы и параллельно помогают SEO-индексации. • Умные рекомендации. Скрипт запоминает, что искал юзер, и выводит персонализированный блок «Ранее вы смотрели». • Умный поиск. Понимает пользователя с полуслова и сразу предлагает релевантные товары. 👤 UX/UI и личный кабинет • Обновили нижний навбар. Сделали по всем канонам мобильных трендов, пальцу теперь максимально удобно. • Прокачали отзывы. Теперь это не просто сухой текст, а реальные фото от клиентов. Доверие к покупкам х10. • Бесшовная корзина. Все товары из корзины и избранного сначала живут в сессии, а после авторизации мягко переносятся в ЛК и хранятся там вечно. 🔒 Безопасность • Усилили защиту. Написали новые скрипты для фильтрации запросов. Сайт полностью защищен от SQL-инъекций и базовых уязвимостей. И это только верхушка айсберга — внутри еще десяток мелких фиксов. Магазин стал быстрее, безопаснее и приятнее для глаз. Буду рад фидбеку! Как вам такой стек для e-commerce в 2026 году? 👇 Потыкать можно тут: ihomestore.ru #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

Повторяем тренд со стадиона Инструкция, как сделать такое видео: 1) Переходим в любого генератора изображений, например сюда @gptnanobananaveopromptsneurobot или сюда https://app.leonardo.ai/ разрешение 4:3. Отправляем своё фото с промптом: Ultra realistic KBO live broadcast crowd cam video of the SAME girl from the reference image. Do NOT change her face, bone structure, eyes, lips, eyebrows, or proportions. No AI beauty filter, no influencer vibe, no glossy skin, no fashion-shoot feeling. Style: Looks exactly like a real SPOTV KBO live TV broadcast accidentally capturing a pretty normal spectator in the crowd. Natural Korean baseball stadium atmosphere at night. Slightly compressed TV broadcast quality, realistic digital noise, subtle motion blur, imperfect focus breathing, handheld broadcast zoom behavior. 2) Переходим в https://hailuoai.video/create/image-to-video отправляем получившееся фото из 1 пункта с промптом: She is sitting casually in the stadium seats watching the baseball game.Legs crossed comfortably, occasionally adjusting posture naturally.Other spectators around her drinking beer, chatting, cheering, holding cheering sticks and mini portable fans.Plastic beer cups, towels, jerseys, stadium lights visible.Natural crowd movement in background.Face & movement:She should NOT stare at one spot.She naturally looks around the stadium:* briefly watches the game* glances left and right* looks at scoreboard* small eye movements* occasional blink* slight awkward reaction when realizing camera is on her* subtle half smile then looks away* fixes hair naturally with one hand* realistic breathing and micro expressionsImportant:NO exaggerated expressions.NO TikTok behavior.NO model posing.NO perfect symmetry.NO smooth doll skin.Keep realistic pores, baby hairs, tiny skin texture, slight sweat shine from stadium weatherCamera:Broadcast zoom lens from distance.Very slight shaky sports-camera movement.Momentary autofocus hunting.Live TV feeling.Natural depth compression from telephoto lens.Lighting:Real stadium lighting only.Uneven shadows allowed.No cinematic lighting. 😊 Канал | Сайт 😊 Связаться | Отзывы

Запустил e-work.tech Биржа фриланса, где твой доход — твой. Никаких комиссий. Никаких сюрпризов. Что не так с другими площадками? Они берут 20% за то, что просто свели двух людей. Читают переписки. В арбитраже всегда на стороне заказчика, потому что он платит. Здесь по-другому. 0% с проектов навсегда. Деньги идут от заказчика к исполнителю напрямую. Платформа их не трогает вообще. Чаты без модерации. Никто не читает, никто не банит. Арбитраж по фактам. Не важно, кто сколько заплатил, решение принимается честно, а не в пользу кошелька. Регистрация — 40 секунд. Никаких документов на старте. Верификация потом, если захотите. Telegram-бот присылает уведомления о новых проектах, откликах и сообщениях. Авто-отклики. Настроил один раз, бот сам откликается на новые проекты по твоим фильтрам. Экономит часы в день. Всё просто. Регистрация бесплатная. Фрилансеры находят заказы без откатов. Заказчики находят исполнителей без наценки. Фриланс должен быть честным. Я так считаю. Заходите e-work.tech #кейс 😊 Канал | Сайт 😊 Связаться | Отзывы

🔥 Кейс: Telegram-бот для клиники «Басалдук» — от идеи до продакшна Привет! Недавно реализовал проект для клиники «Басалдук». Делюсь коротко техническими деталями — кому интересно, как такое устроено под капотом. 📌 Задача: Автоматизировать подготовку пациентов к медико-социальной экспертизе (МСЭ). Нужно было: • Учитывать разные диагнозы (G80, G71, F84, Q04 и др.) • Для каждого диагноза — свой список обследований (до 20+ пунктов) • Отслеживать выбранные пациентом обследования и выводить недостающие • По выбранным нарушениям подбирать технические средства реабилитации (ТСР) • В конце формировать PDF-отчёт 🧩 Выбор инструментов: • PuzzleBot — основная платформа для логики, переменных, формул и интерфейса. • n8n — для генерации PDF-документов (через webhook). • Telegram API — прямая отправка файлов и сообщений. 🧠 Формулы в PuzzleBot (самое интересное): 1. Определение недостающих обследований • Пользователь отмечает пройденные обследования, а бот «вычитает» их из полного списка для конкретного диагноза. replace( switch({{diagnosis}}, "G80", replace({{full_G80}}, {{G80_to_18_old}}, ""), "F82", replace({{full_F82}}, {{F82_to_18_old}}, ""), "G71", replace({{full_G71}}, {{G71_to_18_old}}, ""), ... ), ", ", "\n\n") Как работает: switch выбирает нужный список под диагноз, replace удаляет уже отмеченные пункты, финальный replace форматирует вывод с переносами строк. 2. Подбор ТСР по нарушениям • Нарушения хранятся в переменной в формате: 1 - Пациент не ползает, 2 - Пациент не сидит, 3 - ... Формула последовательно заменяет текст нарушения на текст с ТСР: replace(replace(replace( replace({{dysfunctions_of_the_body}}, "1 - Пациент не ползает", "1 - Опора для ползания"), "2 - Пациент не сидит", "2 - Опора для сидения"), ... ), ", ", "\n\n") Почему так, а не куча условий: Просто, эффективно, легко масштабировать. Добавить новый пункт — одна строка. 3. Форматирование документов и обследований • Использовали связку trim + replace для очистки от лишних переносов строк и пробелов: {{=replace(replace(trim({{docs_result}}), "\n\n", "\n"), ",", "")=}} 🔄 Связка с n8n для генерации PDF Проблема: PuzzleBot не умеет генерировать PDF «из коробки». Решение: настроили webhook в n8n. Схема работы: • PuzzleBot отправляет POST-запрос в n8n с JSON-данными (дата, диагноз, списки документов, ТСР) • n8n запускает workflow: • Формирует HTML-шаблон с кастомными стилями • Конвертирует HTML в PDF • Возвращает готовый файл 📊 Итог Для пользователей: • Понятный чек-лист • Автоматический подсчёт недостающих обследований • Готовый PDF-отчёт за 5 минут вместо нескольких дней 🔗 Стек: • PuzzleBot — логика, UI, переменные, формулы • n8n — оркестрация, генерация PDF #кейс #сборкаботов • 😊 Канал | Сайт • 😊 Связаться | Отзывы