Slack Clone Application

Web Application: Click here to view the demonstration application

---

Project Background and Overview

This repository contains a Slack clone built with TypeScript and Next.js, demonstrating modern web development practices. It implements OAuth for secure user authentication and includes features such as real-time messaging, channel creation, direct messaging, user management, channel messaging, and replying to threads within channels. This project serves as an excellent demonstration of building scalable web applications

---

Project Goals

The main objectives of this application are to:

1. Develop the app using TypeScript and Next.js, following modern practices for building scalable web app
2. Implement OAuth authentication for secure user login and session management
3. Integrate real-time messaging to allow users to communicate instantly within the application
4. Enable channel creation and direct messaging, similar to core Slack functionality
5. Develop effective handling of user roles and permissions to manage access control and ensure security

---

Technical Details

Core technologies used:

• Next.js, React, TypeScript, Tailwind CSS, NextAuth, Convex, shadcn/ui

---

Installation

1. Clone repository:

   git clone https://github.com/dev-eranda/nextjs-slack-application.git
   

2. Install dependencies:

   npm install
   

3. Start development server:

   npm run dev
   npx convex dev
   

• Open http://localhost:3000 with your browser to see the result.