Skip to content

WebCodeEditor+LLMs is a state-of-the-art web-based Code Editor that leverages the power of large language models to assist in coding. By utilizing a vector database, it establishes intricate relationships between files and code segments.

Notifications You must be signed in to change notification settings

haoxiang-xu/surface-editor

Repository files navigation

Surface Editor

[ About the Project ]

CodeEditor+LLMs(Large Language Models):

CodeEditor+LLMs is a state-of-the-art Code Editor that leverages the power of large language models to assist in coding. By utilizing a vector database, it establishes intricate relationships between files and code segments. This advanced interconnectivity is designed to significantly enhance the efficiency of developers by providing context-aware insights and coding suggestions.

AI-Enhanced UI:

This is a specialized UI designed specifically for AI supported application. While most AI applications focus primarily on functionality, they often overlook the importance of a better user experience. We possess incredibly powerful LLMs, but our interactions with them still resemble the command-line interface era. I believe that instead of merely providing code editors or IDE extensions for LLMs, we need a comprehensive overhaul of the entire code editor UI to align with the new paradigm of AI interaction in this era.

WIN UI MAC UI

Built with

Github OpenAI Node React Express MongoDB Figma VSC Prettier CodeMirror MonacoEditor Electron Nodemon

Languages

[ To Developers ]

UI Prototype

Figma

Required Installation

Node Docker

Recommended Installation for further development

VSC Postman MongoDB

Setup Process

Instructions to run this application on a local machine

1.Run the whole application in a docker container

  • Setup using Docker
    • run docker-compose up -d

OR

2.Run the frontend and backend applications separately

  • Setup Frontend Testing Application

    • To Frontend Testing Application Directory cd frontend_application/component_lib_testing_application
    • To install required modules npm install
    • Run Frontend Testing Application npm start
    • Heading to the Application http://localhost:3000/
  • Setup Backend Code Server

    • Download .env file 'https://drive.google.com/file/d/10x2XNaH_Ko8ncjUSoqfYZSdqy3UwZxKG/view?usp=sharing' and move this file under Directory backend_services/code_services (make sure this file to be renamed as '.env')
    • To Backend File Server Directory cd backend_services/code_services
    • To install required modules npm install
    • Run Backend File Server npm start
    • Server will running on http://localhost:8200/ in development mode
  • Setup Backend File Server(optional)

    • To Backend File Server Directory cd backend_services/file_services
    • To install required modules npm install
    • Run Backend File Server npm start
    • Server will running on http://localhost:8000/ in development mode

[ Follow this Project ]

Discord

About

WebCodeEditor+LLMs is a state-of-the-art web-based Code Editor that leverages the power of large language models to assist in coding. By utilizing a vector database, it establishes intricate relationships between files and code segments.

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •