Анализ доступности Open Academy для незрячих и текстовых ИИ-моделей + рекомендации по улучшению удобства использования

Open Academy — это Telegram mini app для обучения финансам (в будущем и другим направлениям) прямо внутри Telegram и в удобном формате слайдов. В этой статье я разбираю доступность интерфейса Open Academy с точки зрения незрячего пользователя и показываю, какие элементы можно улучшить.

https://habr.com/ru/articles/1006754/

#accessibility #screen_reader #arialabel #tabindex #UX #интерфейсы #Telegram_mini_app #доступность

Мы запихнули LifeOS в Telegram Mini App: как сделать сложный UI на React + Framer Motion и не сойти с ума

На рынке тысяча трекеров привычек. Еще тысяча трекеров зала. И еще сотня приложений для медитаций. Проблема одна: они разрозненны. Данные о том, что я плохо спал, никак не влияют на план тренировок в другом приложении. А медитация живет в вакууме от уровня стресса. Мы хотели создать LifeOS — единую систему управления собой, которая живет там, где я провожу 90% времени. В Telegram. Никаких впнов, ноушенов и тому подобное не надо. Но была проблема: стандартные Telegram WebApps часто выглядят... как веб-сайты из 2010-го. Мне нужен был «вайб» Apple: премиальный, темный, с глубокими тенями и, главное, тактильный. Так появился UltyMyLife. Вот как мы строили архитектуру дисциплины на React. Интересный факт: Перед тем как релизнуть проект, мы поняли, что нужен полный редизайн, и в итоге потратили еще пару недель.

https://habr.com/ru/articles/992100/

#telegrambot #telegram_api #telegram_mini_app #react #rxjs #framer_motion #javascript

35 млн рублей, акции Tesla и 4 млн пользователей. Продуктовый разбор игровой акции GiftFest

35 миллионов рублей. Акции Tesla, NVIDIA и Google. Миллионы пользователей в Telegram-mini-app. И при этом — ни внятного описания организаторов, ни нормальной документации, ни ответа на вопрос, как именно победителям будут выдавать акции крупных компаний. GiftFest выглядит как очередной розыгрыш с жирным призовым фондом. И в то же время это аккуратно собранный инструмент управления вниманием, поведением и трафиком. Ниже — продуктовый разбор того, как именно работает эта геймификация и какие задачи она решает для бизнеса.

https://habr.com/ru/articles/979604/

#геймификация #gamification #акция #telegram_mini_app #игровые_механики #игровые_сценарии #вовлечение_пользователей #вовлечение_пользователей_уловки

Rust вместо React: как я написал Telegram WebApp SDK на Rust

Фронтенд на Rust — звучит странно? Я написал Telegram WebApp SDK на Rust, совместимый с официальным API, и уже использую его в реальных проектах. В статье — зачем я это сделал, с какими проблемами столкнулся и чем это лучше привычного React. Проявить заинтересованность

https://habr.com/ru/articles/958402/?utm_source=habrahabr&utm_medium=rss&utm_campaign=958402

#telegram #telegram_mini_app #telegram_api #rust #wasm #frontend

Rust вместо React: как я написал Telegram WebApp SDK на Rust

Фронтенд на Rust — звучит странно? Я написал Telegram WebApp SDK на Rust, совместимый с официальным API, и уже использую его в реальных проектах. В статье — зачем я это сделал, с какими проблемами столкнулся и чем это лучше привычного React. Проявить заинтересованность

https://habr.com/ru/articles/958402/

#telegram #telegram_mini_app #telegram_api #rust #wasm #frontend

TMH: как создать музыкальный хаб на PHP, Telegram и виртуальном хостинге

Telegram Music Hub (TMH) — это open-source решение, которое превращает ваш Telegram-канал в единое цифровое пространство для музыки, блога и сообщества . И всё это — на самом обычном виртуальном хостинге , без баз данных, без сложных зависимостей, без дорогих серверов. 👉 github.com/tcse/php-TMH

https://habr.com/ru/articles/944144/

#telegrambot #telegram_mini_app #telegram_api #music_player #blog_engine

Rattle: узнаём об ошибках в Docker раньше, чем сообщит клиент

Контейнеры падают, а вы узнаёте об этом постфактум? Ошибки в логах проходят мимо? Собрал Rattle за три дня — простой self-hosted инструмент, который отправляет события из Docker в Telegram. Без лишних панелей, без сложной настройки — просто работает и сообщает о самом важном. В статье рассказываю, зачем он мне понадобился, как устроен внутри и как можно быстро развернуть его у себя. Покажу Telegram Mini App, через которую удобно управлять уведомлениями. 📎 Ссылка на репозиторий: github.com/rattle-bot/rattle

https://habr.com/ru/articles/921582/

#docker #go #golang #telegram_mini_app #selfhosted #логгирование #контейнеры #telegramбот #devops #open_source

100K юзеров за 3 дня — что сломалось после релиза

Привет, Хабр! В этой статье — история запуска Telegram Mini App, куда за трое суток пришло 100.000 реальных пользователей. Покажу, как мы масштабировали Node.js приложения на многоядерных серверах, увеличивали RPS в 10 раз, боролись с N+1 проблемой в MongoDB и снижали нагрузку на CPU. А ещё расскажу как мы быстро настроили мониторинг через Grafana, подключили Cloudflare и интегрировали Sentry. Поделюсь практическими инсайтами о том, на что стоит обращать внимание в первую очередь, и как эти инструменты помогли нам оперативно находить узкие места и устранять сбои в реальном времени. Всё, о чём будет в этой статье, основано на том, что действительно сработало. Кроме того, расскажу, какие моменты мы упустили до запуска. Это разбор с цифрами, графиками и практическими выводами. Он может сэкономить вам время, нервы и деньги, если вы готовитесь к запуску Telegram Mini App или просто работаете с Node.js-приложениями, которые могут оказаться под серьёзной нагрузкой. Это вторая часть истории — про то, как мы запустились и что сломалось первым после релиза. Тут будет про то, как мы это чинили и какие решения приняли, чтобы приложение продолжало работать под нагрузкой. Первая часть про подготовку к запуску доступна здесь .

https://habr.com/ru/articles/916502/

#telegram #telegram_mini_app #nodejs #nextjs #nestjs #mongodb #нагрузочное_тестирование #масштабирование #docker #cloudflare

Часть 1: 100K юзеров за 3 дня — что сломалось

Привет, Хабр! В этой статье — история запуска Telegram Mini App, куда за трое суток пришло 100.000 реальных пользователей. Покажу, как мы масштабировали Node.js приложения на многоядерных серверах, увеличивали RPS в 10 раз, боролись с N+1 проблемой в MongoDB и снижали нагрузку на CPU. А ещё расскажу как мы быстро настроили мониторинг через Grafana, подключили Cloudflare и интегрировали Sentry. Поделюсь практическими инсайтами о том, на что стоит обращать внимание в первую очередь, и как эти инструменты помогли нам оперативно находить узкие места и устранять сбои в реальном времени. Всё, о чём будет в этой статье, основано на том, что действительно сработало. Кроме того, расскажу, какие моменты мы упустили до запуска. Это разбор с цифрами, графиками и практическими выводами. Он может сэкономить вам время, нервы и деньги, если вы готовитесь к запуску Telegram Mini App или просто работаете с Node.js-приложениями, которые могут оказаться под серьёзной нагрузкой. Это первая часть истории — про то, как мы готовились к запуску, что предусматривали и на что делали ставку. Во второй части будет про то, что именно сломалось первым после релиза, как мы это чинили и какие решения приняли, чтобы приложение продолжало работать под нагрузкой.

https://habr.com/ru/articles/914606/

#telegram #telegram_mini_app #nodejs #nextjs #nestjs #mongodb #нагрузочное_тестирование #масштабирование #docker #cloudflare

Почему я реализовал своё портфолио внутри Telegram Mini Apps

В этой статье расскажу о том, почему считаю Telegram Mini Apps мощным инструментом для размещения своего портфолио и какие есть нюансы у данного подхода

https://habr.com/ru/articles/914520/

#телеграм #телеграмбот #миниприложения #дизайн_приложений #telegram_mini_app #telegrambot #telegram_bot #telegram_app #телеграм_бот #telegram_web_app