Slack-Clone Tailwind Templates

Slack Clone

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. 🚀

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

🤝 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

Top categories

Loading Svelte Themes