О проекте
Что получил клиент
Комплексную образовательную платформу для мусульман, работающую как Telegram Mini App — без установки, с мгновенным доступом для 800+ миллионов пользователей Telegram.
Проблема
Существующие исламские приложения разрознены: отдельно Коран, отдельно намаз, отдельно обучение. Пользователям приходится переключаться между 5-6 приложениями для полноценной религиозной практики.
Решение
Я создал единую экосистему, объединяющую всё для духовного развития: чтение Корана, трекер намаза, AI-ассистент для вопросов о религии, система целей и привычек, геймификация для мотивации.
Техническое исполнение
- →Микросервисная архитектура: Frontend + Backend API + AI Server
- →Feature-Sliced Design (FSD) для масштабируемости фронтенда
- →Real-time синхронизация через Socket.IO между устройствами
- →Elasticsearch интеграция для умного поиска по Корану и тафсирам
- →Offline-first подход с IndexedDB для работы без интернета
- →7 языков интерфейса включая арабский с RTL поддержкой
Технологии
Ключевые функции
Полный Коран
114 сур, 6236 аятов с переводом, тафсиром и аудио
AI-ассистент
6 режимов: Коран, фикх, духовность, арабский, намаз
Трекер намаза
5 молитв + тахаджуд, статистика, стрики
Цели и привычки
Система целей с AI-генерацией и прогрессом
Тасбих и азкары
Цифровой счётчик зикра с синхронизацией
Геймификация
XP, уровни, достижения, лидерборды
Задача клиента → Результат
Как я решил бизнес-задачу и какую ценность это принесло
Задача клиента
Мусульманам приходится использовать 5-6 разных приложений для религиозной практики: одно для Корана, другое для намаза, третье для обучения. Клиент хотел единую платформу, которая работает без установки через Telegram.
Что я сделал
Я разработал комплексную Telegram Mini App с микросервисной архитектурой. Три сервиса: React frontend с FSD архитектурой, Express API с 26 MongoDB моделями, AI Server с интеграцией OpenAI и Elasticsearch для умного поиска по исламским текстам.
Бизнес-результат
- Единая платформа заменяет 5-6 отдельных приложений
- Работает без установки — мгновенный доступ через Telegram
- AI-ассистент отвечает на вопросы с цитатами из Корана
- Real-time синхронизация между устройствами через Socket.IO
- Offline режим благодаря IndexedDB кэшированию
- 7 языков включая арабский с RTL поддержкой
Как это работает
Нажмите «Запустить демо» чтобы увидеть путь пользователя по шагам
Полноценный опыт изучения священного текста
Выбор суры
114 сур с информацией о количестве аятов
Чтение с переводом
Арабский текст + русский перевод + тафсир
Аудио воспроизведение
Несколько чтецов на выбор
Закладки
Сохранение аятов для повторного изучения
Прогресс хатма
Отслеживание завершения чтения Корана
Что даёт бизнесу
Каждое решение = конкретная выгода для бизнеса: экономия, скорость, конверсия
Feature-Sliced Design
Архитектура фронтенда с 7 слоями: app, pages, widgets, features, entities, shared. 37 бизнес-фич, 22 виджета, 19 сущностей. Масштабируемость без технического долга.
AI с Elasticsearch контекстом
Перед каждым запросом к GPT-4 система ищет релевантные аяты и тафсиры через Elasticsearch. AI отвечает с точными цитатами из Корана, а не галлюцинациями.
Real-time синхронизация
Socket.IO обеспечивает мгновенную синхронизацию между устройствами: XP, достижения, тасбих, прогресс намаза. Пользователь видит изменения без перезагрузки.
Offline-first подход
IndexedDB через Dexie кэширует контент для работы без интернета. Очередь синхронизации отправляет данные при восстановлении связи.
Как это устроено
Многоуровневая архитектура для надёжности: каждый слой отвечает за свою задачу
Frontend (React + Vite)
Backend API (Express + MongoDB)
AI Server (Express + OpenAI)
External Services
Работает на лучших решениях
Интегрированы мировые лидеры: Stripe для платежей, OpenAI для AI, SendGrid для писем — надёжность и масштаб
Telegram Mini App
WebApp SDK для авторизации, уведомлений и нативного UX
OpenAI GPT-4
AI-ассистент с 6 специализированными режимами
Elasticsearch
Умный поиск по Корану и тафсирам через E-Replika API
MongoDB Atlas
26 коллекций для пользователей, прогресса, контента
Socket.IO
Real-time синхронизация между устройствами
Adhan.js
Точный расчёт времени намаза по геолокации
Заинтересовал проект? Свяжитесь со мной для обсуждения деталей.