🚀 Slack 2.0 Using NextJS, TailwindCSS, Material-UI, and Firebase

This is a Slack clone using NextJS, TailwindCSS, Material-UI, and Firebase. This project is a work in progress and is not yet complete. This is made from scratch and the code isnt copied from any other source. This project is made for learning purposes and is not intended to be used in production. This project is made by Muhammad Bilal Mohib

📑 Table of Contents

• ✨ Features
• 💻 Technologies
• 🔧 Installation
• 🚀 Usage
• 📜 License
• 🤝 Contributing
• 📚 Course

✨ Features

• ✅Custom Authentication System
• ✅ Google Authentication
• ✅ Real-time chat
• ✅ Real-time presence
• ✅ Real-time notifications
• ✅ Real-time typing indicator
• ✅ Real-time read receipts
• ✅ Real-time online status
• ✅ Real-time user search
• ✅ Real-time user profile updates
• ✅ Real-time channel search
• ✅ Real-time channel creation
• ✅ Real-time channel updates
• ✅ Real-time channel deletion
• ✅ Real-time channel members
• ✅ Real-time channel messages
• ✅ Real-time direct messages
• ✅ Real-time direct message creation
• ✅ Real-time direct message updates
• ✅ Real-time direct message deletion
• ✅ Real-time direct message members
• ✅ Real-time direct message messages
• ✅ Real-time user typing indicator

💻 Technologies

• NextJS
• TailwindCSS
• Material-UI
• Firebase
• Firestore
• Custom Authentication System
• Google Authentication
• Firebase Cloud Firestore
• Vercel (Deployment)
• ESLint
• Prettier

🔧 Installation

1. Clone the repository
2. Run npm install
3. Create a .env.local file in the root directory
4. Add the following environment variables to the .env.local file ```bash NEXT_PUBLIC_FIREBASE_API_KEY="" NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="" NEXT_PUBLIC_FIREBASE_PROJECT_ID="" NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="" NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="" NEXT_PUBLIC_FIREBASE_APP_ID="" NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=""

NEXT_PUBLIC_GOOGLE_CLIENT_ID="" NEXT_PUBLIC_GOOGLE_CLIENT_SECRET=""

```

🚀 Usage

1. Run npm run dev
2. Open http://localhost:3000 in your browser

📜 License

This project is open source and available under the MIT License.

🤝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

📚 Course

The couse is being uploaded daily on Slack Clone Using NextJS, Tailwind css,materialui and firebase