Skip to content

Slack Clone - A real-time messaging web app built with Next.js, Convex, Tailwind CSS, and Shadcn UI. Features include channel-based conversations, emoji reactions, image sharing, user roles, and more. ๐Ÿš€

Notifications You must be signed in to change notification settings

Nikhil2005Rai/Slack-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

67 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Slack Clone

๐Ÿš€ Overview

This is a full-stack Slack clone built using Next.js, Convex, Tailwind CSS, and Shadcn UI. The application features real-time messaging, channel-based communication, emoji reactions, and more.

๐ŸŽฏ Features

  • ๐Ÿ”น Real-time messaging
  • ๐Ÿ”น Channel-based conversations
  • ๐Ÿ”น User authentication & authorization
  • ๐Ÿ”น Emoji reactions & thread support
  • ๐Ÿ”น Image sharing
  • ๐Ÿ”น Code-based invite system
  • ๐Ÿ”น User promotions & role management

๐Ÿ› ๏ธ Tech Stack

  • Frontend: Next.js, Tailwind CSS, Shadcn UI
  • Backend: Convex
  • Database: Convex Database
  • Authentication: NextAuth.js
  • Hosting: Vercel

๐Ÿ—๏ธ Installation

Prerequisites

Ensure you have Node.js and npm/yarn installed.

Steps

  1. Clone the repository:
    git clone https://github.com/Nikhil2005Rai/slack-clone.git
    cd slack-clone
  2. Install dependencies:
    npm install  # or yarn install
  3. Set up environment variables:
    • Create a .env.local file
    • Add necessary API keys for Convex, NextAuth.js, etc.
  4. Run the development server:
    npm run dev  # or yarn dev

๐Ÿ“ธ Screenshots

Screenshot 2025-03-10 143752

๐Ÿค Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repo
  2. Create a new branch (feature-branch)
  3. Commit your changes
  4. Push to your fork & submit a PR

๐Ÿ“œ License

This project is licensed under the MIT License.


Made by Nikhil Rai

About

Slack Clone - A real-time messaging web app built with Next.js, Convex, Tailwind CSS, and Shadcn UI. Features include channel-based conversations, emoji reactions, image sharing, user roles, and more. ๐Ÿš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published