CodeFest - Collaborative Code Editor Platform

CodeFest is a modern, feature-rich collaborative code editing platform that combines real-time collaboration, AI-powered assistance, and workspace management capabilities. It provides developers with a seamless environment for coding, sharing, and executing code.

🚀 Features

Core Features

Real-time Collaborative Editing: Multiple users can work on the same codebase simultaneously
Workspace Management: Create and manage multiple workspaces with different access levels
File System: Hierarchical file and folder structure management
Code Execution: Built-in code runner supporting multiple programming languages
AI-Powered Assistance:
- Code completion
- Syntax error detection and fixes
- Code documentation generation
- Smart code suggestions

Technical Features

Monaco Editor Integration: Professional-grade code editing experience
Multiple Language Support: Syntax highlighting and execution support for:
- JavaScript/TypeScript
- Python
- Java
- C++
- Go
- Rust
- C#
Theme Customization: Multiple editor themes including:
- VS Dark
- Light
- Monokai
- Night Owl
- Chrome DevTools
- Active4D

🛠️ Technology Stack

Frontend

React.js with Vite
TailwindCSS for styling
Monaco Editor for code editing
React Router for navigation
React Hook Form for form management

Backend

Node.js with Express
MongoDB with Mongoose
JWT for authentication
Judge0 API for code execution
HuggingFace API for AI features
Google OAuth for email services

🏗️ Project Structure

Backend Structure

The backend is built with Node.js and Express. It includes various controllers, models, routes, and utility functions.

Key Files and Directories

src/app.js: Main application setup.
src/controllers/: Contains the controllers for handling different routes.
src/models/: Contains the Mongoose models for the database.
src/routes/: Contains the route definitions.
src/utils/: Contains utility functions and classes.

Running the Backend

Install dependencies:
```
npm install
```
Start the development server:
```
npm run dev
```

Frontend Structure

The frontend is built with React.js and Vite. It includes various components, routes, and utility functions.

Key Files and Directories

client/src/Authentication/: Contains components for login and register.
client/src/Editor/: Contains components for the code editor.
client/src/components/: Contains reusable components.
client/src/router/: Contains route configurations.
client/src/main.jsx: Entry point of the frontend application.

🚀 Getting Started

Prerequisites

Node.js (v14 or higher)
MongoDB
npm or yarn

Backend Setup

Install dependencies:

cd backend
npm install

Create a .env file with required environment variables:

PORT=8000
MONGODB_URI=your_mongodb_uri
ACCESS_TOKEN_SECRET=your_secret
JUDGE0_API_KEY=your_judge0_api_key
HUGGINGFACE_API_KEY=your_huggingface_key

Start the development server:

npm run dev

Frontend Setup

Install dependencies:

cd client
npm install

Create a .env file:

VITE_BACKEND_URL=http://localhost:8000

Start the development server:

npm run dev

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📝 License

This project is licensed under the ISC License.

👥 Authors

Vinayak Palya
Nirved Mishra
Nischay Sinha

NirvedMishra/CodeFest

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages