Як я створив ChuChar: україномовний месенджер з ШІ-асистентами, який перекидає файли навіть без інтернету

💡 Усі статті, обговорення, новини про Mobile — в одному місці. Приєднуйтесь до Mobile спільноти!

Привіт, спільното DOU! Усі ми знаємо це відчуття: черговий блекаут, мобільний інтернет ледве дихає, і навіть текстове повідомлення відправляється хвилинами. Замість того, щоб просто скаржитися, я вирішив кинути собі виклик і власноруч написати месенджер, який вирішував би ці проблеми.

Так з’явився ChuChar (chuchar.lovable.app)— мій пет-проєкт, який з простої ідеї чату переріс у повноцінний україномовний суперапп на базі React, Supabase та Capacitor. Жодних нудних туторіалів «як підняти вебсокети» тут не буде, лише реальний досвід побудови архітектури та мої технічні пригоди.

Розробку я сфокусував на трьох головних стовпах.

📡 Стовп 1: Гібридний зв’язок (Безшовний онлайн + P2P Офлайн)

Написати звичайний чат легко. Але що робити, коли сервери недоступні? Я вирішив зламати жорстку прив’язку до бекенду і реалізував повноцінний гібридний режим.

Коли інтернет є — все синхронізується класично. Але якщо зв’язок лягає, ChuChar перемикається в офлайн-режим. Ви з друзями підключаєтесь до однієї Wi-Fi мережі (чи роздаєте точку доступу з телефону без мобільних даних), і застосунок напряму з’єднує пристрої між собою. Повідомлення та важкі файли починають літати по P2P без жодного байта зовнішнього трафіку. Для укриттів або поїздів — це просто мастхев.

🤖 Стовп 2: Ярина та Ярик (ШІ з українською душею)

Я не хотів робити чергову безлику обгортку над ChatGPT. Тому в месенджері з’явилися нативні нейроасистенти — Ярина та Ярик. Вони мають свій характер, розуміють контекст, спілкуються виключно українською і навіть мають власну озвучку (Text-to-Speech).

Але моя глобальна мета складніша — я готую архітектуру для їх запуску повністю локально (on-device AI). Уявіть кишенькового помічника, який працює навіть у глухому лісі без зв’язку і нікуди не зливає ваші дані.

💰 Стовп 3: Гаманець та гейміфікація активності

Просто спілкуватися — це круто, але я хотів додати гейміфікації. Тому я розробив систему внутрішнього гаманця (Wallet Panel).

Ідея в тому, що застосунок вираховує вашу активність (спілкування, взаємодію з функціями) і за рахунок цього нараховує вам внутрішню валюту. Це створює додатковий стимул користуватися аппкою і перетворює звичайний месенджер на інтерактивну екосистему.

🎨 Коли розробника понесло: дошка, музика та ігри

Зібравши ці три бази, я зрозумів, що зупинятися вже не хочеться. Чому б не перетворити чат на повноцінний простір для взаємодії? Так у ChuChar з’явилися «побічні», але дуже фанові фічі:

• Whiteboard (Спільна дошка): Інтегроване полотно, де можна малювати разом із співрозмовником у реальному часі прямо під час діалогу.
• Shared Listening: Синхронне спільне прослуховування аудіо. Вмикаєте трек — і він грає в обох одночасно.
• Міні-ігри: Game Panel, щоб розважитися разом, не виходячи з месенджера.

🚀 Що далі?

Зараз я продовжую рефакторити код, вилизувати UI і тестувати локальні моделі для ШІ. Це був складний, але дуже крутий досвід створення власного продукту.

Буду радий почути ваші думки! Чи мав хтось із вас досвід інтеграції P2P-зв’язку або локальних LLM-моделей у мобільні додатки на Capacitor? Які підводні камені ловили? Чекаю на критику та поради в коментарях!