SocialNet
Соціальна платформа з профілями, стрічкою публікацій, друзями, каналами, повідомленнями й аудіо- та відеодзвінками.
Про проєкт
SocialNet — соціальний вебзастосунок для публікацій і спілкування в реальному часі. Профілі, стрічка з вкладеннями та реакціями, пошук людей і заявки в друзі пов’язані з WebSocket-месенджером, каналами й WebRTC-дзвінками. Next.js-клієнт і сервер Hono організовані в pnpm-монорепозиторії; дані зберігаються в PostgreSQL через Drizzle ORM.
Задача
Об’єднати публічну стрічку, соціальні зв’язки, особисті повідомлення й дзвінки в одному застосунку, розділивши клієнтську та серверну частини.
Що реалізовано
Профілі з фото й обкладинками, публікації з файлами та реакціями.
Пошук користувачів, друзі та заявки на додавання.
WebSocket-месенджер із редагуванням повідомлень, голосовими й відеоповідомленнями.
Канали й аудіо- / відеодзвінки на WebRTC із розмежуванням ролей.
Next.js, Hono, Drizzle ORM, PostgreSQL, WebSocket і WebRTC.
Технології
Архітектура та роль технологій
- Next.js
- Структура вебінтерфейсу, сторінки та взаємодія серверного й клієнтського шарів.
- Hono
- Серверні HTTP-маршрути та API-запити.
- Drizzle ORM
- Типізований доступ до реляційних даних.
- PostgreSQL
- Реляційне зберігання пов’язаних даних і транзакційна узгодженість.
- WebSocket
- Двосторонній обмін подіями без постійного опитування сервера.
- WebRTC
- Аудіо- та відеозв’язок у браузері.
Як це працює
- Увійти через Google OAuth і оформити профіль.
- Опублікувати допис або знайти користувачів і надіслати запит у друзі.
- Продовжити спілкування в особистому чаті чи каналі.
- Перейти до аудіо- чи відеодзвінка.
Галерея проєкту
Є задача? Знайдемо рішення.
Розкажіть, що потрібно зробити. Уточнимо деталі та запропонуємо наступний крок.
Обговорити проєкт