Overview

VibeRoom is a full-stack social media platform designed to deliver a fast, scalable, and engaging user experience. Built with Next.js 16, React 19, TypeScript, and Lucia Auth, the platform enables users to connect, share content, communicate in real time, and discover trending topics through a responsive and performance-focused interface.

Key Features

• →Secure Authentication and User Management: Implemented secure user authentication using Lucia Auth, supporting username/password login, Google OAuth2, and secure session management for a seamless and protected user experience.
• →Interactive Social Feed: Built a dynamic social feed with TipTap-powered rich text posts, post creation and deletion, infinite scrolling, optimistic UI updates, and server-side rendering with caching for a fast and seamless user experience.
• →Real Time Communication: Integrated Stream Chat to enable real-time direct messaging, along with instant notifications that keep users updated about interactions and platform activities.
• →Social Engagement Features: Implemented essential social networking features such as like/unlike posts, comment system (with pagination), bookmark posts, follow/unfollow functionality, and personalized content feeds to enhance user engagement.
• →Media Sharing and Profile Customization: Built support for image and video uploads with drag-and-drop functionality, avatar customization, profile management, and SEO-friendly user profiles.
• →Search and Content Discovery: Implemented advanced search capabilities with hashtags, mentions, and trending topics, making it easier for users to discover relevant content and connect with others.
• →Modern Responsive UI: Designed a clean, fully responsive interface with Tailwind CSS and shadcn/ui, including dark, light, and system theme support to ensure an accessible experience across all devices.

Tech Stack