CodeSync

CodeSync is a real-time collaborative coding platform designed to transform how developers, students, and educators connect and create. Built with modern web technologies, it offers a seamless experience for teams to collaborate from anywhere, anytime.

---

🚀 Features

• Real-time collaborative code editing with live synchronization
• Multi-language support with syntax highlighting
• Secure authentication via email, Google, and Facebook
• Room management with optional passwords
• Interactive dashboard for session and room management
• Built-in chat system for team communication
• Auto-reload during development for a smooth workflow

---

🛠️ Technologies Used

• Node.js
• Express.js
• Socket.IO
• EJS (Embedded JavaScript Templates)
• MongoDB
• Mongoose
• Express-validator
• Moment.js
• Nodemon

---

📁 Project Structure

CodeSync/
├── .vscode/            # VSCode configuration
├── backend/            # Backend logic
│   ├── config/         # Configuration files
│   ├── middleware/     # Middleware functions
│   ├── models/         # Mongoose schemas
│   ├── routes/         # API routes
│   ├── .env            # Environment variables
│   └── server.js       # Main server file
├── frontend/           # Frontend assets
│   ├── assets/         # Static assets
│   │   ├── css/        # CSS files
│   │   ├── imgs/       # Images
│   │   ├── js/         # JavaScript files
│   │   ├── uploads/    # Uploaded files
│   │   └── webfonts/   # Web fonts
│   └── pages/          # HTML templates
│       └── index.html  # Main HTML file
├── node_modules/       # Node.js dependencies
├── webfonts/           # Additional font files
├── .gitignore          # Git ignore file
├── package-lock.json   # Dependency lock file
├── package.json        # Project metadata
└── README.md           # Project documentation

---

🔧 Getting Started

Prerequisites

• Node.js installed (v16+ recommended)
• MongoDB installed and running

Installation

git clone https://github.com/Abdo-Hammam/CodeSync.git
cd codesync
npm install

Run the App

cd backend
node app.js

Visit: http://localhost:3000

---

📸 Screenshots

🖥️ Landing Screen

Discover CodeSync’s vision with a striking landing page designed to inspire collaboration.

🖥️ Sign-Up Form

Create an account with ease using the intuitive sign-up interface.

🖥️ Login Screen

Securely access CodeSync with email, Google, or Facebook authentication.

🖥️ Home Screen

Manage rooms, join sessions, and explore quick actions from a dynamic home page.

🖥️ Create Room Modal

Set up a new coding room with a unique ID and optional password.

🖥️ Join Room Modal

Join existing rooms using a room ID and optional password.

🖥️ User Profile

View account details, joined sessions, and room history with a personalized profile.

🖥️ Collaborative Coding Interface (Dashboard)

Experience real-time coding with a clean editor, run button, and output panel for instant feedback.

---

👥 Team Members

This project was developed by a dedicated team:

• Abd El-Rahman Hammam – Team Leader, Frontend Developer, and partial Backend Contributor
• Abdullah Mohsen – Backend Developer
• Omar FathAllah – Database Designer and Administrator

Thanks to everyone who contributed to making this project a success 🙌

---

📬 Contact

Developed by: Abd El-Rahman Hammam
Email: Mail Me
GitHub: Github Link