Skip to content

Slack Clone build with Next.js and Convex πŸ’¬πŸ€πŸš€πŸ“šπŸ› οΈ

License

Notifications You must be signed in to change notification settings

BernieTv/Slack-Clone

Repository files navigation

πŸš€ Slack Clone πŸŽ‰

A modern Slack-inspired collaboration platform that combines intuitive design with powerful features, built with cutting-edge technologies for seamless team management and communication.

Key Features

  • 🏒 Workspaces: Organize your teams and projects within dedicated workspaces.
  • πŸ“Š Projects / Epics: Create and manage high-level projects to track progress.
  • βœ… Tasks: Assign, manage, and track tasks to ensure productivity.
  • πŸ“‹ Kanban Board View: Visualize tasks and workflows in a drag-and-drop interface.
  • πŸ—ƒοΈ Data Table View: Manage data in a structured table format.
  • πŸ“… Calendar View: Keep track of deadlines and schedules with an integrated calendar.
  • βœ‰οΈ Invite System: Add team members effortlessly via email invitations.
  • βš™οΈ Workspace and Project Settings: Fully customizable settings for workspaces and projects.
  • πŸ–ΌοΈ Image Uploads: Support for user avatars and file attachments.
  • πŸ”Œ Appwrite SDK Integration: Robust backend integration for real-time data and user management.
  • βš›οΈ Next.js 14 Framework: Leveraging the latest Next.js features for performance and scalability.
  • 🎨 Shadcn UI & TailwindCSS Styling: Sleek, responsive, and customizable UI.
  • πŸ” Advanced Search and Filtering: Quickly find information with powerful search and filtering capabilities.
  • πŸ“ˆ Analytics Dashboard: Gain insights into workspace activity and performance.
  • πŸ‘₯ User Roles and Permissions: Fine-grained access control for users.
  • πŸ”’ Authentication: Secure login with OAuth and email-based authentication.
  • πŸ“± Responsive Design: Optimized for use on mobile, tablet, and desktop devices.
  • πŸš€ API using Hono.js: High-performance, lightweight API for seamless communication.

Technology Stack

  • πŸ–₯️ Frontend: Next.js 14, TailwindCSS, Shadcn UI
  • πŸ”§ Backend: Appwrite SDK, Hono.js
  • πŸ”‘ Authentication: OAuth, email-based authentication
  • πŸ“‚ Database: Integrated with Appwrite for real-time data
  • ☁️ Deployment: Optimized for modern hosting platforms

Getting Started

  1. πŸ“₯ Clone this repository:
    git clone https://github.com/BernieTv/Slack-Clone.git
  2. πŸ“¦ Install dependencies:
    bun install
  3. βš™οΈ Configure Appwrite backend:
    • Set up an Appwrite instance and configure the API keys.
    • Update the .env file with your Appwrite credentials.
  4. ▢️ Run the development server:
    bun run dev
  5. 🌐 Open your browser and navigate to http://localhost:3000.

Contributing

We welcome contributions! Please follow these steps:

  1. πŸ”€ Fork the repository.
  2. 🌱 Create a new branch for your feature or bug fix.
  3. πŸ’Ύ Commit your changes with clear and descriptive messages.
  4. πŸ“€ Submit a pull request.

License

This project is licensed under the MIT License.

About

Slack Clone build with Next.js and Convex πŸ’¬πŸ€πŸš€πŸ“šπŸ› οΈ

Topics

Resources

License

Stars

Watchers

Forks