Юрба — украинская социальная сеть с анонимным следом
Юрба — украинская социальная сеть, сосредоточенная на свободном общении и возможности оставлять анонимный след. Проект создавался как ответ на перегруженный и неудобный функционал Facebook и отсутствие анонимности. Основная идея — дать украинцам свою платформу для обсуждения новостей, проблем и жизни в собственном инфополе, используя инструменты, которые разработаны украинцами для украинцев.
В Юрба также активно используются AI-функции:
- анализ постов и контента для рекламодателей,
- улучшение рекомендаций,
- помощь пользователям (например, «короткий отрывок из поста» для премиум-пользователей).
Моя роль
Я — соучредитель проекта и отвечаю за:
- UI/UX-дизайн всей платформы,
- фронтенд-разработку (HTML, CSS, JavaScript, собственная библиотека компонентов),
- десктоп-приложение на Electron (WebView + дополнительные AI-функции и интеграции).
- Фактически веду продукт от идеи и прототипов до реализации интерфейса и поведения в браузере/desktop.
Технологии:
Фронтенд: Vanilla JavaScript, HTML, CSS, собственная библиотека компонентов YurbaLib
Бэкенд: Go (Golang), MySQL
Десктоп: Electron (обертка с дополнительным функционалом, включая AI-фишки)
Инфраструктура: WebSocket-уведомления (реальное время для сообщений и части взаимодействий)
Основной функционал проекта:
- Лента записей с возможностью форматирования текста и добавления файлов.
- Профили пользователей.
- Комментарии, лайки, репосты.
- Три темы оформления: светлая, темная и темно-синяя.
- Уведомления в реальном времени через WebSocket.
- Встроенный мессенджер.
- Настройки ленты и профиля.
- Система Yurba Coins — внутренняя валюта для подарков и украшений профиля.
AI-функции:
- анализ постов,
- рекомендации,
- короткие отрывки/резюме для премиум-пользователей.
UI/UX и дизайн-система
Интерфейс построен на знакомой пользователям структуре, объединяя лучшие идеи Twitter, Facebook и других социальных сетей, но в более чистом и логичном виде.
Главный экран — это три колонки:
1. Левая колонка — навигация
меню: сообщения, новости, профиль и ключевые разделы.
2. Центральная колонка — контент
форма публикации поста с настройками форматирования и прикрепления файлов,
основная лента постов.
3. Правая колонка — настройки ленты
дополнительные фильтры, настройки отображения и т.д.
Интерфейс лаконичен и максимально чист — пользователю сложно запутаться даже при первом посещении.
Что я могу предложить вам на основе этого проекта:
- Разработка понятных и «живых» интерфейсов под любые задачи и продукты.
- Умение подбирать цвета, которые работают, с пониманием их влияния на восприятие продукта.
- Структурный подход: и код, и дизайн разбиваю на отдельные блоки/компоненты, которые потом легко масштабировать и кастомизировать.
- Полный цикл: от идеи и прототипа в Figma — до готового веб- или desktop-приложения (VS Code, Git, DevTools и т.д.).
В Юрба также активно используются AI-функции:
- анализ постов и контента для рекламодателей,
- улучшение рекомендаций,
- помощь пользователям (например, «короткий отрывок из поста» для премиум-пользователей).
Моя роль
Я — соучредитель проекта и отвечаю за:
- UI/UX-дизайн всей платформы,
- фронтенд-разработку (HTML, CSS, JavaScript, собственная библиотека компонентов),
- десктоп-приложение на Electron (WebView + дополнительные AI-функции и интеграции).
- Фактически веду продукт от идеи и прототипов до реализации интерфейса и поведения в браузере/desktop.
Технологии:
Фронтенд: Vanilla JavaScript, HTML, CSS, собственная библиотека компонентов YurbaLib
Бэкенд: Go (Golang), MySQL
Десктоп: Electron (обертка с дополнительным функционалом, включая AI-фишки)
Инфраструктура: WebSocket-уведомления (реальное время для сообщений и части взаимодействий)
Основной функционал проекта:
- Лента записей с возможностью форматирования текста и добавления файлов.
- Профили пользователей.
- Комментарии, лайки, репосты.
- Три темы оформления: светлая, темная и темно-синяя.
- Уведомления в реальном времени через WebSocket.
- Встроенный мессенджер.
- Настройки ленты и профиля.
- Система Yurba Coins — внутренняя валюта для подарков и украшений профиля.
AI-функции:
- анализ постов,
- рекомендации,
- короткие отрывки/резюме для премиум-пользователей.
UI/UX и дизайн-система
Интерфейс построен на знакомой пользователям структуре, объединяя лучшие идеи Twitter, Facebook и других социальных сетей, но в более чистом и логичном виде.
Главный экран — это три колонки:
1. Левая колонка — навигация
меню: сообщения, новости, профиль и ключевые разделы.
2. Центральная колонка — контент
форма публикации поста с настройками форматирования и прикрепления файлов,
основная лента постов.
3. Правая колонка — настройки ленты
дополнительные фильтры, настройки отображения и т.д.
Интерфейс лаконичен и максимально чист — пользователю сложно запутаться даже при первом посещении.
Что я могу предложить вам на основе этого проекта:
- Разработка понятных и «живых» интерфейсов под любые задачи и продукты.
- Умение подбирать цвета, которые работают, с пониманием их влияния на восприятие продукта.
- Структурный подход: и код, и дизайн разбиваю на отдельные блоки/компоненты, которые потом легко масштабировать и кастомизировать.
- Полный цикл: от идеи и прототипа в Figma — до готового веб- или desktop-приложения (VS Code, Git, DevTools и т.д.).