Alina Social
Full-featured real-time social platform with post creation, likes, threaded comments, live notifications, friend/follow system, direct messaging, and Supabase Auth (Google OAuth + Email).
نظرة عامة
Alina Social is a full-featured real-time social platform built with React.js and Supabase. It enables users to create and edit posts, interact through likes and threaded comments, manage friend/follow connections, and communicate in real-time. The platform utilizes Supabase Auth for multi-provider login (Google OAuth + Email/Password) with avatar uploads and fully editable user profiles.
الميزات الرئيسية
Real-time feed, post interactions, and direct messaging via Supabase Realtime subscriptions
Multi-provider authentication (Google OAuth 2.0 + Email/Password) with Supabase Auth
Avatar upload and fully editable user profile management
Threaded comments and live notification system for likes, comments, and friend requests
Client-side state management with Zustand and server-state caching with React Query
التقنيات المستخدمة
التحديات والحلول
Managing real-time WebSocket state for direct messages and live notifications across tabs while avoiding duplicate subscriptions — solved using custom React Query mutation handlers and Zustand stores.
Designing row-level security (RLS) policies in Supabase to protect private direct messages and friend request interactions.
النتائج والأثر
Sub-100ms real-time update latency across active clients via Supabase Realtime
100% responsive dark/light social UI built with Tailwind CSS