|
1 | | -CodeSphere |
2 | | - |
| 1 | +🚀 CodeSphere |
3 | 2 | CodeSphere is a real-time collaborative coding platform built with Next.js, TypeScript, and PostgreSQL. It brings together features of an online IDE, Git version control, and AI-powered coding assistance — all in the browser. |
4 | | - |
5 | 3 | Think of it as a VS Code in your browser, with real-time collaboration, presence indicators, AI coding assistant, and even voice chat. |
6 | | - |
7 | | -⸻ |
8 | | - |
9 | | -🚀 Features |
10 | | - Authentication |
11 | | - • Google login with NextAuth.js |
12 | | - • Secure session handling |
13 | | - Real-time Collaboration |
14 | | - • Multi-user code editing powered by Monaco Editor |
15 | | - • Presence indicators (see who’s online in a room) |
16 | | - • Local undo/redo per file |
17 | | - File & Room Management |
18 | | - • Room-based collaboration spaces |
19 | | - • File explorer with folder nesting |
20 | | - • Full CRUD operations (add, rename, delete files/folders) |
21 | | - • File icons (VS Code–style) |
22 | | - Dependencies & Preview |
23 | | - • Add external dependencies (Lodash, DayJs, UUID, etc.) per room |
24 | | - • Live preview with injected dependencies |
25 | | - • Support for multiple languages and file types |
26 | | - Version Control (Git-style) |
27 | | - • Commit changes with messages |
28 | | - • Browse commit history & details |
29 | | - • Revert to specific commits |
30 | | - • Sidebar UI with dedicated Version Control tab |
31 | | - AI Integration |
32 | | - • AI-powered code assistant using OpenAI API |
33 | | - • Context-aware code explanations |
34 | | - • Code refactor |
35 | | - • Debug errors |
36 | | - • Add useful comments |
37 | | - Communication |
38 | | - • Built-in voice chat for real-time collaboration |
39 | | - Other Enhancements |
40 | | - • Syntax highlighting with language switch |
41 | | - • Side-by-side Markdown rendering |
42 | | - • Different amazing themes ready |
43 | | - • Deployed on Vercel (frontend) |
44 | | - |
45 | | -⸻ |
46 | | - |
| 4 | +✨ Features |
| 5 | +🔐 Authentication |
| 6 | +Google login with NextAuth.js |
| 7 | +Secure session handling |
| 8 | +👥 Real-time Collaboration |
| 9 | +Multi-user code editing powered by Monaco Editor |
| 10 | +Presence indicators (see who’s online in a room) |
| 11 | +Local undo/redo per file |
| 12 | +🗂 File & Room Management |
| 13 | +Room-based collaboration spaces |
| 14 | +File explorer with folder nesting |
| 15 | +Full CRUD operations (add, rename, delete files/folders) |
| 16 | +File icons (VS Code–style) |
| 17 | +📦 Dependencies & Preview |
| 18 | +Add external dependencies (Lodash, DayJs, UUID, etc.) per room |
| 19 | +Live preview with injected dependencies |
| 20 | +Support for multiple languages and file types |
| 21 | +🕓 Version Control (Git-style) |
| 22 | +Commit changes with messages |
| 23 | +Browse commit history & details |
| 24 | +Revert to specific commits |
| 25 | +Sidebar UI with dedicated Version Control tab |
| 26 | +🤖 AI Integration |
| 27 | +AI-powered code assistant using OpenAI API |
| 28 | +Context-aware code explanations |
| 29 | +Code refactor |
| 30 | +Debug errors |
| 31 | +Add useful comments |
| 32 | +🗣 Communication |
| 33 | +Built-in voice chat for real-time collaboration |
| 34 | +🎨 Other Enhancements |
| 35 | +Syntax highlighting with language switch |
| 36 | +Side-by-side Markdown rendering |
| 37 | +Multiple beautiful themes |
| 38 | +Deployed on Vercel (frontend) |
47 | 39 | 🛠️ Tech Stack |
48 | | - • Frontend: Next.js + TypeScript |
49 | | - • Database: PostgreSQL with Prisma ORM |
50 | | - • Authentication: NextAuth.js with Google Provider |
51 | | - • Editor: Monaco Editor |
52 | | - • Collaboration: Socket.IO |
53 | | - • AI: OpenAI API |
54 | | - • UI/UX: TailwindCSS, shadcn/ui, lucide-react |
55 | | - • Deployment: Vercel, Docker |
56 | | - • Download full project as ZIP or package.json with dependencies. |
| 40 | +Frontend: Next.js + TypeScript |
| 41 | +Database: PostgreSQL with Prisma ORM |
| 42 | +Authentication: NextAuth.js with Google Provider |
| 43 | +Editor: Monaco Editor |
| 44 | +Collaboration: Socket.IO |
| 45 | +AI: OpenAI API |
| 46 | +UI/UX: TailwindCSS, shadcn/ui, lucide-react |
| 47 | +Deployment: Vercel, Docker |
| 48 | +Download full project as ZIP or use package.json with dependencies |
57 | 49 |
|
58 | 50 | ⸻ |
59 | 51 |
|
|
0 commit comments