Welcome to the repository for the Code Editor with a Recommendation System project! This project aims to create a code editor for Python, Java, and C++ with advanced features, including a recommendation system, split-screen functionality, and integration with the ChatGPT API.
This code editor is a versatile development environment for Python, Java, and C++. It incorporates the following technologies:
- Frontend: HTML, CSS, and JavaScript are used for the user interface.
- Code Functionality: CodeMirror is integrated to provide code editing features.
- Automatic Restart: Nodemon is used to automatically restart the application when file changes in the directory are detected, preserving cache data during code compilation.
This project is a challenging endeavor that offers a valuable learning experience. The primary objectives are:
-
Recommendation System: Implement a recommendation system similar to VS Code. It should suggest upcoming statements as users write code.
-
Split Screen Concept: Create a split-screen layout, with one side displaying the code editor and the other side showing questions or prompts. Users can adjust the frame size according to their needs.
-
MERN Stack Integration: Transition the project into a MERN (MongoDB, Express, React, Node) stack to facilitate the split-screen concept, making it easier to manage and render content dynamically.
-
Syntax Highlighting: Add syntax highlighting by changing the color of functions, variables, or reserved words, similar to VS Code, for improved code readability.
-
Integration with My DSAlgo Website: Incorporate the code editor into your existing DSAlgo website, allowing users to practice coding alongside your educational content.
Screen.Recording.9-27-2023.8-47-22.AM.mp4
The following features will be added to the project within the next month:
- Recommendation System: Implement code recommendations.
- Split Screen Concept: Create a split-screen layout.
- MERN Stack Integration: Transition to the MERN stack.
- Syntax Highlighting: Add code syntax highlighting.
- Integration with DSAlgo Website: Merge the code editor with the website.
To achieve these goals, you have referred to the following resources:
- Nodemon: For automatic application restart on file changes.
- CodeMirror: To enable code editing functionality.
- ChatGPT API: For implementing the recommendation system.
- YouTube Tutorials: For additional guidance and learning.
Note: This README is a brief overview of the project. For detailed instructions, contributions, and usage guidelines, please refer to the project's documentation and source code.
Note: Recommendation System Implementation Part is Under Process [ We regret to inform you that the functionality you requested is currently not available. We apologize for any inconvenience this may cause. ] Feel free to explore the code and contribute to the project. We welcome your involvement and feedback! 🚀