Skip to content

Nalankumar/HTML_Code_Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub License

HTML_Code_Editor

It is an interactive HTML code editor capable of rendering web pages in real-time as users type. The editor streamlines web development by providing instant feedback on code changes, fostering a dynamic learning and testing environment. Features include syntax highlighting, live preview, and seamless integration of HTML, CSS, and JavaScript.

Table of Contents

Tech Stack

  • HTML
  • CSS
  • Javascript

Installation

Here’s the execution process for running the HTML Code Editor:

1. Clone the GitHub Repository

  1. Obtain the Repository URL:

    • Go to the GitHub repository page.
    • Click the green Code button and copy the HTTPS, SSH, or GitHub CLI URL.
  2. Open a Terminal/Command Prompt:

    • Navigate to the folder where you want to clone the repository.
  3. Run the Cloning Command:

    git clone https://github.com/Nalankumar/HTML_Code_Editor.git
  4. Enter the Cloned Directory:

    cd HTML_Code_Editor

2. Locate the HTML File

  • In the cloned repository directory, locate the required HTML file (e.g., index.html or another file).

3. Open the HTML File

  • Using a Code Editor:
    • Open the HTML file in a code editor like Visual Studio Code, Sublime Text, or any preferred editor.
  • Using a Browser:
    • Right-click the HTML file and select Open With > Browser (e.g., Chrome, Firefox).

4. Render the HTML in Real-Time (Optional)

  • Use a live server plugin in your code editor (e.g., VS Code Live Server Extension).
  • Start the live server, which will host your HTML locally and update the rendered output dynamically.

5. Modify or Test Code

  • Edit the HTML, CSS, or JavaScript files in the project directory.
  • Refresh the browser to see the changes if not using a live server.

This process provides a local development environment for testing and running your HTML file.

Contributing

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature-name.
  3. Make your changes.
  4. Push your branch: git push origin feature-name.
  5. Create a pull request.

License

This project is licensed under the MIT License.