Skip to content

CodioV2 - A modern code execution and interactive development platform with enhanced features and UI

License

Notifications You must be signed in to change notification settings

Xtrios09/CodioV2

Repository files navigation

Code Editor App

Welcome to the Code Editor App, a powerful and intuitive online code editor designed for developers of all skill levels. Whether you're writing JavaScript, Python, HTML, or CSS, this application offers a rich set of features to enhance your coding experience.

image

Features

1. Multi-Language Support

Code Editor App supports various programming languages including:

  • JavaScript
  • Python
  • HTML
  • CSS
  • TypeScript

Each language comes with syntax highlighting and intelligent auto-completion to streamline your coding.

2. IntelliSense and Auto-Completion

Enjoy intelligent code suggestions as you type! The integrated IntelliSense provides context-aware suggestions, making it easier to write code faster and with fewer errors.

3. Real-Time Collaboration

Collaborate with others in real-time using socket.io! Multiple users can work on the same code simultaneously, making it perfect for team projects or pair programming.

4. Code Snippet Management

Save your favorite code snippets locally and retrieve them at any time. Easily add, edit, or delete snippets, and keep your coding resources organized.

5. Customizable Themes

Choose from a variety of themes to personalize your coding environment. Switch between light and dark modes, and even add the popular Monokai theme for a more aesthetic coding experience.

6. Error Checking and Linting

Catch errors in your code as you type! The built-in error-checking feature highlights syntax errors, allowing you to correct them quickly.

7. Code Formatting

Make your code clean and readable with a single click! The formatting feature uses Prettier to ensure consistent code style across your projects.

8. Live Preview

See your HTML, CSS, and JavaScript code in action with a live preview feature. No need to switch between windows; everything is displayed side by side.

9. User-Friendly Interface

Designed with user experience in mind, the intuitive interface ensures that developers can focus on coding rather than navigating through complex menus.

10. Persistent Code Storage

Worried about losing your work? The app uses localStorage to save your code snippets and settings, ensuring your work persists even after refreshing the page.

Getting Started

To run the Code Editor App locally:

  1. Clone the repository:
    git clone https://github.com/yourusername/code-editor-app.git
    cd code-editor-app

Install the dependencies:

bash

npm install

Start the development server:

bash

npm run dev

Open your browser and go to http://localhost:3000 to access the app!

Contributing

We welcome contributions! If you'd like to contribute to the project, please follow these steps:

Fork the repository.
Create a new branch: git checkout -b feature/YourFeatureName
Make your changes and commit them: git commit -m 'Add some feature'
Push to the branch: git push origin feature/YourFeatureName
Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details. Acknowledgments

Thanks to the open-source community for the amazing libraries and tools that made this project possible.
Special thanks to Monaco Editor for providing a powerful editing experience.

About

CodioV2 - A modern code execution and interactive development platform with enhanced features and UI

Resources

License

Stars

Watchers

Forks