Real-Time HTML/CSS/JS Compiler

This is a real-time compiler for HTML, CSS, and JavaScript. It allows users to write and preview their code instantly. The application includes features such as tabbed editing for HTML, CSS, and JavaScript, a live preview of the code, and the ability to download the code in different formats.

Features

• Tabbed Editing: Separate tabs for HTML, CSS, and JavaScript code.
• Live Preview: Automatically updates and displays the output as you type.
• Local Storage: Saves your code in the browser's local storage so you can come back to it later.
• Download Options: Download your code as an HTML file or as a PDF.
• Clear All: Clear all the code from the editors with a single click.
• Responsive Design: Adapts to different screen sizes for a better user experience on mobile devices.

Getting Started

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Axwaizee/html-css-js-compiler.git

2. Navigate to the project directory:

   cd html-css-js-compiler

3. Open the index.html file in your browser to start using the compiler.

Usage

• Editing Code:

  • Use the HTML, CSS, and JS tabs to write your code in the respective editors.
  • Your code will automatically be saved in the browser's local storage.

• Preview:

  • The preview pane on the right will update automatically as you type your code.

• Download:

  • Use the Download button to save your code.
  • You can choose to download as an HTML file or a PDF.

• Clear All:

  • Click the Clear All button to reset all the editors.

Files

• index.html: The main HTML file that contains the structure of the application.
• style.css: Contains the styling for the application.
• script.js: Contains the JavaScript code for functionality like switching tabs, updating the preview, and handling downloads.

Contributing

If you would like to contribute to this project, please fork the repository and submit a pull request. We welcome all contributions!

Contact

If you have any questions or feedback, feel free to open an issue.

---

Happy coding!