Sylvan452 / cleaneditor

Clean Editor

A Monaco Editor for HTML, CSS, and JavaScript Playground

Demo

<a href=”https://drive.google.com/file/d/1-JSuB0-y-izma1YN8xLZ_2zIGfHuQrbp/view?usp=sharing “ target=”blank”>

Clean Editor is a lightweight, web-based code editor that is designed for editing and testing HTML, CSS, and JavaScript code. It is powered by the Monaco Editor, a powerful code editor that provides features such as syntax highlighting, local storage, code auto completion, and more. Clean Editor is ideal for developers, students, and anyone looking for a simple and clean environment to write and test code.

Features

• Syntax Highlighting: Clean Editor provides syntax highlighting for HTML, CSS, and JavaScript, making it easier to read and understand your code.

• Code Auto completion: Monaco Editor offers intelligent code auto completion, which can speed up your coding process and help prevent typos.

• Multiple Themes: You can customize the editor's theme to match your preferences. Choose from dark and light option.

• Built-In Preview: Instantly view the rendered output of your HTML code in the same environment, making it convenient to see the results of your code changes.

Getting Started

To start using Clean Editor, follow these simple steps:

1. Visit the Clean Editor website at [https://sylvan452.github.io/cleaneditor/]

2. You will be presented with a clean and simple code editor interface.

3. You can start writing your HTML, CSS, and JavaScript code in their respective sections.

4. As you type, you will experience syntax highlighting and code auto completion.

5. As you type your code, you will see a Preview right side of the editor.

6. To switch between different themes, use the "Themes" dropdown menu.

Contributing

Clean Editor is an open-source project, it was part of our final project for ALX Software Engineering program and we welcome contributions from the community. If you would like to contribute, please follow these steps:

1. Fork the Clean Editor repository on GitHub at [ https://github.com/Sylvan452/cleaneditor ]

2. Clone your forked repository to your local machine.

3. Make your changes and improvements.

4. Create a new branch for your changes and commit your work.

5. Push your changes to your GitHub repository.

6. Create a Pull Request (PR) to the original Clean Editor repository.

Feedback and Support

If you encounter any issues, have suggestions, or need support, please feel free to open an issue on the GitHub repository.

Credits

Clean Editor is built on top of the Monaco Editor by Microsoft, and we would like to extend our gratitude for their amazing work.

About

Clean Editor is maintained and developed by a group of passionate developers. It was created to provide a simple, distraction-free environment for writing and testing HTML, CSS, and JavaScript code.

If you have any questions or would like to get in touch, you can reach out to any member of our team at: Obah Sylva : [e-mail] - Obah Sylva Github. Richard Ifeanyi Caleb : [e-mail] - Richard Ifeanyi Github. Ezeah Tobechukwu John : [e-mail] - Ezeah Tobechukwu Github. Merit Gloria Ogudu : [e-mail] - Merit Gloria Github.

Happy coding with Clean Editor!