Skip to content

AmitwalaH/slack-series

Repository files navigation

Slack Clone

🚀 Slack Clone: A real-time messaging application built using modern web technologies.


👥 Team Members

This project is built by:


📌 Features

  • 🔐 Authentication: Secure user authentication using Auth.js.
  • 💬 Real-time Chat: Instant messaging powered by Convex Database.
  • 📂 Channels & Direct Messages: Organized communication with multiple channels.
  • 🎨 Modern UI: Clean and responsive UI with Tailwind CSS.
  • 📤 File Sharing: Upload and preview images, PDFs, and more.
  • Presence Indicators: See when users are online or typing.

🖼️ Screenshots

1. Login Page

Screenshot 2025-03-07 153407

2. Main Channel

Screenshot 2025-03-07 153543

3. Channel Creation

Screenshot 2025-03-07 153611

4. Add Workspace

Screenshot 2025-03-07 153732

5. Thread Panel

Screenshot 2025-03-07 153651

6. Auth Accounts (Database View)

Screenshot 2025-03-07 153811

7. Messages (Database View)

Screenshot 2025-03-07 153838

8. Functions Explorer

Screenshot 2025-03-07 154030


🛠 Tech Stack

  • Frontend: React.js, Next.js, Tailwind CSS
  • Authentication: Auth.js
  • Database: Convex Database
  • Package Manager: Bun

🔧 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/AmitwalaH/slack-series.git
cd slack-series

2️⃣ Install Dependencies

bun install

3️⃣ Set Up Environment Variables

Create a .env.local file in the root directory and configure the required environment variables:

NEXTAUTH_URL=your_domain
DATABASE_URL=your_convex_db_url
NEXT_PUBLIC_AUTH_SECRET=your_secret_key

4️⃣ Run the Development Server

bun run dev

The app will be available at http://localhost:3000.


🌐 Live Demo

[Coming Soon]


🤝 Contributing

We welcome contributions to enhance the Slack Clone project. To get started:

  1. Fork the repository: Click on the "Fork" button at the top right of this page.
  2. Create a new branch:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m "Add your commit message"
  4. Push to your fork:
    git push origin feature/your-feature-name
  5. 📬 Open a pull request.

📧 Contact

For any inquiries or suggestions, feel free to reach out!

📌 GitHub Repo: AmitwalaH/slack-series

About

Slack Projects

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors