Yurba — українська соціальна мережа з анонімним слідом

Yurba — українська соціальна мережа, зосереджена на вільному спілкуванні та можливості залишати анонімний слід. Проект створювався як відповідь на перевантажений і незручний функціонал Facebook та відсутність анонімності. Основна ідея — дати українцям свою платформу для обговорення новин, проблем і життя у власному інфополі, використовуючи інструменти, які розроблені українцями для українців.

У Yurba також активно використовуються AI-функції:
- аналіз постів і контенту для рекламодавців,
- поліпшення рекомендацій,
- допомога користувачам (наприклад, «короткий витяг з поста» для преміум-користувачів).

Моя роль

Я — співзасновник проєкту і відповідаю за:
- UI/UX-дизайн всієї платформи,
- фронтенд-розробку (HTML, CSS, JavaScript, власна бібліотека компонентів),
- десктоп-додаток на Electron (WebView + додаткові AI-функції та інтеграції).
- Фактично веду продукт від ідеї та прототипів до реалізації інтерфейсу та поведінки в браузері/desktop.

Технології:
Frontend: Vanilla JavaScript, HTML, CSS, власна бібліотека компонентів YurbaLib
Backend: Go (Golang), MySQL
Desktop: Electron (обгортка з додатковим функціоналом, включаючи AI-фішки)
Інфраструктура: WebSocket-повідомлення (реальний час для повідомлень і частини взаємодій)

Основний функціонал проекту:
- Стрічка дописів з можливістю форматування тексту та додавання файлів.
- Профілі користувачів.
- Коментарі, лайки, репости.
- Три теми оформлення: світла, темна і темно-синя.
- Повідомлення в реальному часі через WebSocket.
- Вбудований месенджер.
- Налаштування стрічки та профілю.
- Система Yurba Coins — внутрішня валюта для подарунків і прикрас профілю.
AI-функції:
- аналіз постів,
- рекомендації,
- короткі витяги/резюме для преміум-користувачів.

UI/UX та дизайн-система

Інтерфейс побудований на знайомій користувачам структурі, об'єднуючи найкращі ідеї Twitter, Facebook та інших соціальних мереж, але в більш чистому і логічному вигляді.
Головний екран — це три колонки:

1. Ліва колонка — навігація
меню: повідомлення, новини, профіль і ключові розділи.

2. Центральна колонка — контент
форма публікації поста з налаштуваннями форматування та прикріплення файлів,
основна стрічка постів.

3. Права колонка — налаштування стрічки
додаткові фільтри, налаштування відображення тощо.

Інтерфейс лаконічний і максимально чистий — користувачеві складно заплутатися навіть при першому відвідуванні.

Що я можу запропонувати вам на основі цього проекту:
- Розробка зрозумілих і «живих» інтерфейсів під будь-які завдання і продукти.
- Уміння підбирати кольори, що працюють, з розумінням їх впливу на сприйняття продукту.
- Структурний підхід: і код, і дизайн розбиваю на окремі блоки/компоненти, які потім легко масштабувати і кастомізувати.
- Повний цикл: від ідеї та прототипу в Figma — до готового веб- або desktop-додатку (VS Code, Git, DevTools тощо).