{"id":28944031,"url":"https://github.com/22a31a0525/devbridgeide","last_synced_at":"2026-04-11T13:03:02.192Z","repository":{"id":300607321,"uuid":"1006576967","full_name":"22A31A0525/DevBridgeIde","owner":"22A31A0525","description":"DevBridgeIde website available within the below link if replit platform run the code as the server on  free credits  ","archived":false,"fork":false,"pushed_at":"2025-06-22T16:56:34.000Z","size":18894,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-22T17:38:21.520Z","etag":null,"topics":["java","postgresql","reactjs","spring-boot","superbase","websocket"],"latest_commit_sha":null,"homepage":"https://410b7e97-a181-49d4-a8c3-9ab287877f00-00-128mqjnumml47.sisko.replit.dev/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/22A31A0525.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-22T15:16:40.000Z","updated_at":"2025-06-22T17:00:11.000Z","dependencies_parsed_at":"2025-06-22T17:51:10.523Z","dependency_job_id":null,"html_url":"https://github.com/22A31A0525/DevBridgeIde","commit_stats":null,"previous_names":["22a31a0525/devbridgeide"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/22A31A0525/DevBridgeIde","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/22A31A0525%2FDevBridgeIde","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/22A31A0525%2FDevBridgeIde/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/22A31A0525%2FDevBridgeIde/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/22A31A0525%2FDevBridgeIde/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/22A31A0525","download_url":"https://codeload.github.com/22A31A0525/DevBridgeIde/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/22A31A0525%2FDevBridgeIde/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261417626,"owners_count":23155086,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["java","postgresql","reactjs","spring-boot","superbase","websocket"],"created_at":"2025-06-23T05:17:07.078Z","updated_at":"2026-04-11T13:03:02.142Z","avatar_url":"https://github.com/22A31A0525.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CodeSync: Real-Time Collaborative Code Editor\n\n![Java](https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge\u0026logo=openjdk\u0026logoColor=white)\n![Spring](https://img.shields.io/badge/spring-%236DB33F.svg?style=for-the-badge\u0026logo=spring\u0026logoColor=white)\n![React](https://img.shields.io/badge/react-%2320232A.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![Render](https://img.shields.io/badge/Render-%2346E3B7.svg?style=for-the-badge\u0026logo=render\u0026logoColor=white)\n![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)\n\nCodeSync is a web-based, real-time collaborative code editor that allows multiple developers to join a session and write, edit, and review code together simultaneously. This full-stack application is built with a robust Java Spring Boot backend and a dynamic React frontend.\n\n## Features\n\n-   **Real-Time Collaborative Editing:** Multiple users can type in the same editor, with changes reflected on everyone's screen instantly using a delta-queue synchronization system.\n-   **Multi-Language Support:** Syntax highlighting for various languages including Java, JavaScript, Python, and C++.\n-   **Session Management:** Users can create unique, shareable sessions.\n-   **Live Presence:** A list of currently active users is displayed for each session.\n-   **Integrated Chat:** A real-time chat panel allows users in a session to communicate.\n-   **Authentication:** Secure user registration and login using JWT (JSON Web Tokens).\n-   **Code Execution:** Run code written in the editor and see the output directly in the application.\n\n## Tech Stack\n\n### Frontend\n-   **React.js:** For building the component-based user interface.\n-   **Monaco Editor:** The editor engine that powers VS Code for a rich editing experience.\n-   **StompJS \u0026 SockJS:** For WebSocket communication.\n-   **Tailwind CSS:** For styling the user interface.\n-   **Vite:** Fast build tool and development server.\n\n### Backend\n-   **Java 17 \u0026 Spring Boot:** For the core application and REST APIs.\n-   **Spring Security \u0026 JWT:** For securing the application and handling authentication.\n-   **Spring WebSocket:** For handling real-time, bi-directional communication.\n-   **PostgreSQL:** As the primary database for user and session data.\n\n### Deployment\n-   **Backend:** Deployed on **Render** (Cloud Application Hosting).\n-   **Frontend:** Deployed on **Vercel** (Frontend Cloud Platform).\n\n## Deployment Guide\n\nThis application follows a modern multi-cloud deployment strategy.\n\n### 1. Backend Deployment (Render)\nThe backend is a Dockerized Spring Boot application.\n1.  **Platform:** Create a new \"Web Service\" on [Render](https://render.com).\n2.  **Environment Variables:**\n    -   `DB_URL`: JDBC URL for your PostgreSQL database (e.g., from Neon or Render PostgreSQL).\n    -   `DB_USERNAME` \u0026 `DB_PASSWORD`: Database credentials.\n    -   `JWT_SECRET_KEY`: Secure random string for token signing.\n    -   `JWT_EXPIRATION`: Token validity duration in milliseconds.\n    -   `CORS_ALLOWED_ORIGINS`: Comma-separated list of allowed frontend origins (e.g., `https://your-app.vercel.app`).\n3.  **Docker:** Render automatically builds the application using the `Dockerfile` located in `backend/RealTime-CodeSync`.\n\n### 2. Frontend Deployment (Vercel)\nThe frontend is a Vite + React application optimized for Vercel.\n1.  **Platform:** Import the repository into [Vercel](https://vercel.com).\n2.  **Root Directory:** Set the root directory to `frontend/realtime-collabrative-editor`.\n3.  **Environment Variables:**\n    -   `VITE_APP_BACKEND_URL`: The URL of your deployed backend (e.g., `https://api.render.com`).\n    -   `VITE_APP_BACKEND_WEBSOCKET_URL`: The domain of your backend (e.g., `api.render.com`) for WebSocket connections.\n4.  **Routing:** A `vercel.json` file is included to handle Single Page Application (SPA) routing, ensuring pages like `/login` work correctly on refresh.\n\n## Future Improvements\n-   **Persistence with Redis:** Move the in-memory session storage to Redis to ensure session data persists across server restarts and to enable scaling.\n-   **Live Cursor Tracking:** Implement real-time cursor position and selection sharing.\n-   **Advanced Concurrency Control:** Research Operational Transformation (OT) or CRDTs to flawlessly handle simultaneous edits.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F22a31a0525%2Fdevbridgeide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F22a31a0525%2Fdevbridgeide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F22a31a0525%2Fdevbridgeide/lists"}