A lightweight code editor with real-time collaboration, AI-powered code assistance, and robust security features.
source code - https://github.com/Vaibhaviitian/codeeditor
video demo - https://drive.google.com/file/d/1jxgk5UJYMwtnjDUV8IOSYDSnFgNThWHl/view?usp=sharing
Instructions to run
- install node js and python in local system
- create a directory
- clone this git repo in the newly created directory
- change directory to codeEditor or codeEditor-main ( cd codeEditor or cd codeEditor-main )
- open three termials in vscode
- 1st terminal - cd frontend npm i npm run dev
- 2nd terminal - cd backend npm i npm run dev
- erd terminal - cd flask pip install .\Script\activate python .\app.py
- open browser and browse http://localhost:5173/ ( or check the 1st terminal , there should me a url , browse it)
-
Code Editor:
- Syntax highlighting with multiple themes.
- Word wrap and line numbering for better readability.
- Bracket matching and automatic indentation.
- File explorer panel for easy navigation.
-
AI-Powered Code Assistance:
- Quick fix suggestions for syntax errors.
- Code snippets for frequently used blocks.
- AI-powered code documentation generation.
-
Real-Time Collaboration:
- Multi-user editing with live cursor positioning.
- Basic in-editor comments for team discussions.
-
Security & Authentication:
- Simple email login and forget password functionality.
- Two-factor authentication (2FA) via OTP/TOTP.
- Private and public workspaces for controlled access.
-
User Interface Enhancements:
- Dark and light mode toggle.
- Customizable color themes.
- Collapsible sidebar for maximizing workspace.
- Simple and intuitive user interface for seamless interaction.
You can view a live demo of the editor - https://codeeditor-ten-zeta.vercel.app/
You can view a submitted ppt demo of this editor here.
- AI-driven auto-completion for function names and variables.
- Activity log to track recent edits and user actions.
- Password reset functionality.