Skip to content

Latest commit

 

History

History
98 lines (60 loc) · 3.51 KB

README.md

File metadata and controls

98 lines (60 loc) · 3.51 KB
Raw

CodMe - Live Code Editor

Welcome to CodMe, your perfect lightweight, fast, and responsive live code editor. CodMe allows you to write and visualize HTML, CSS, and JavaScript code in real-time. This document provides an overview of the features and usage of CodMe.

Watch A Demo

01.-.codeMe.mp4

Or Try it here.

Table of Contents

  1. Introduction
  2. Features
  3. Technologies Used
  4. Getting Started
  5. Usage
  6. Future Enhancements
  7. Contributing
  8. Acknowledgment
  9. License

Introduction

CodMe is a web-based live code editor that provides a convenient environment for experimenting with HTML, CSS, and JavaScript. It allows you to see the output in real-time, making it ideal for learning, prototyping, and testing code snippets.

Features

  • Multi-language Support: CodMe supports HTML, CSS, and JavaScript, allowing you to write and visualize code in all three languages simultaneously.
  • Responsive Design: The editor is designed to be responsive, ensuring a seamless experience across different devices and screen sizes.
  • Syntax Highlighting: Code syntax is highlighted for better readability and understanding.
  • Copy to Clipboard: Easily copy your HTML, CSS, or JavaScript code to the clipboard with the click of a button.
  • Clear Code: Clear individual code sections (HTML, CSS, or JavaScript) with the provided "clear" buttons.

Technologies Used

Getting Started

To get started with CodMe, follow these simple steps:

  1. Clone or download the CodMe repository from GitHub.
  2. Open the index.html file in your web browser.

Usage

  1. Code Input:

    • The editor provides separate sections for HTML, CSS, and JavaScript.
    • Type your code in the respective sections.
    • You can minimize any section for focus on others.

  2. Preview Output:

    • The live preview of your code is displayed in the "Output" section.

  3. Clear Code:

    • Use the "clear" buttons to clear the content of individual code sections.

  4. Copy to Clipboard:

    • Click the "Copy" buttons to copy the content of each code section to the clipboard.

Future Enhancements

We are actively working on enhancing CodMe. Some of the planned improvements include:

  • Syntax Highlighting: Enhance code editing with syntax highlighting for better code visualization.
  • Error Detection: Implement error detection to provide instant feedback on code errors.
  • User Authentication: Add user accounts for saving and sharing code snippets.
  • Collaborative Editing: Enable collaboration on code projects in real-time.

Contributions are welcome to help implement these enhancements!

Contributing

We welcome contributions to improve CodMe. If you have suggestions, bug reports, or want to contribute to the development, feel free to submit a pull request.

Acknowledgment

This project serves as Task 01 for the CodeAlpha Web Dev Internship.

License

This project is licensed under the MIT License.