Skip to content

CodeDesk: A browser-based code editor built with React, featuring syntax highlighting, auto-complete, and customizable themes. Evolving to include a custom editor for deeper functionality. πŸš€

License

Notifications You must be signed in to change notification settings

7777Satish/CodeEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

CodeDesk

CodeDesk is a browser-based code editor built using React. Initially powered by Monaco Editor, this project is evolving to include a custom-built editor for enhanced flexibility and a deeper understanding of how editors work.

Features

  • Syntax highlighting for various programming languages (powered by Monaco).
  • Auto-complete functionality.
  • Customizable themes and fonts.
  • Code linting and error highlighting (to be enhanced in future updates).

Why I Built This Project

I created CodeDesk to simplify the process of writing and managing code directly in the browser while learning the inner workings of code editors. This project reflects my passion for building developer tools and exploring innovative solutions that enhance productivity.

Live Demo

Check out the live demos:

Installation

To run the project locally, follow the steps below:

Prerequisites

Make sure you have Node.js installed on your machine.

Getting Started

  1. Clone the repository:

    git clone https://github.com/7777Satish/CodeEditor.git
  2. Navigate to the project folder:

    cd CodeEditor
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start

The project should now be running at http://localhost:3000.

Future Improvements

  • Replace Monaco editor with a custom-built code editor.
  • Add more programming language support.
  • Enhance auto-complete and syntax highlighting.
  • Implement version control integration (e.g., GitHub).
  • Add collaborative editing features.

Contributing

Feel free to fork this project and submit pull requests. If you find any bugs or have suggestions for improvements, please open an issue!

About Me

Hi, I'm Satish πŸ‘‹! I'm a computer science student at Shri Mata Vaishno Devi University, Katra. With 3+ years of frontend development experience and 1 year of backend expertise, I’m passionate about creating developer tools and exploring AI-powered solutions.

  • 🌱 I’m currently learning advanced front-end development and building custom tools.
  • πŸ”­ My career goal is to become a full-stack developer.
  • πŸ’‘ This project is part of my journey to explore the intricacies of code editors.

License

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

About

CodeDesk: A browser-based code editor built with React, featuring syntax highlighting, auto-complete, and customizable themes. Evolving to include a custom editor for deeper functionality. πŸš€

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published