← Back to Projects

Real-Time Slack Clone

2025-07-27 · Gagandeep Singh

Next.js, React, Tailwind CSS, Socket.io, WebSockets

Real-Time Slack Clone

Project Overview

Build a real-time Slack clone with Next.js, React, Tailwind CSS, and Auth.js. Create workspaces, invite members, start channels and threads, share images, add reactions, and chat one-on-one. Perfect for honing modern full stack skills and building responsive, real-time collaboration apps.

This side project is a real-time Slack clone, built with modern web technologies: Next.js, React, Tailwind CSS, Auth.js, and Socket.io. It demonstrates how to create a fully responsive, feature-rich collaboration platform, combining powerful real-time communication features with modern UI design.

Future Plans

  • Voice and video calls using WebRTC
  • Rich media previews for shared links and files
  • Advanced permissions and roles within workspaces
  • AI-assisted features like summarizing threads or suggesting replies
  • Extracting UI components into a design system with Tailwind CSS and Radix UI
  • Adding unit and integration tests for critical flows
  • Improving accessibility and keyboard navigation
  • Deploying scalable back-end infrastructure with serverless functions and a managed database