🚀 AI Collab Studio — Realtime Collaborative AI Editor

A powerful realtime collaborative document editor with built-in AI writing assistant. Inspired by Google Docs + Notion AI.

Built using Next.js, Socket.io, MongoDB and Groq AI.

---

✨ Features

• 🧠 AI writing assistant (improve, grammar fix, professional tone, shorten, tweet)
• ⚡ Realtime multi-user collaboration (Google Docs style)
• 🟢 Live users online indicator
• 🔗 Shareable document links
• 💾 Auto-save to MongoDB
• 📝 Editable document titles
• 🎨 Clean modern UI
• 🌐 Full-stack Next.js app
• 🔄 Instant sync across tabs & users

---

🖼 Demo

Create document → share link → edit with friends in realtime.

(Deploy link here after hosting)

---

🛠 Tech Stack

Frontend

• Next.js (App Router)
• Tailwind CSS
• Socket.io client

Backend

• Node.js
• Socket.io server
• MongoDB

AI Integration

• Groq API (LLama 3 model)

---

⚙️ Installation

1️⃣ Clone repo

git clone https://github.com/yourusername/ai-collab-studio.git
cd ai-collab-studio

2️⃣ Install dependencies

npm install

3️⃣ Add environment variables

Create .env.local

MONGODB_URI=your_mongodb_connection
GROQ_API_KEY=your_groq_api_key

4️⃣ Run socket server

node socket-server.js

5️⃣ Run Next.js

npm run dev

Open:

http://localhost:3000

---

📌 How it Works

• Each document gets unique shareable link
• Users join same room via Socket.io
• Changes sync in realtime
• Content auto-saves to MongoDB
• AI tools rewrite text using Groq LLM

---

🧠 Key Learnings

• Realtime systems with Socket.io
• Full-stack Next.js architecture
• MongoDB document storage
• AI API integration
• State synchronization across users

---

🚀 Future Improvements

• Google login authentication
• Document dashboard
• Live cursor tracking
• Comments system
• Version history
• Deployment on Vercel

---

👨‍💻 Author

Pranav Aspiring Full-Stack & AI Developer

---

⭐ If you like this project

Give it a star on GitHub ⭐