https://github.com/rajtilak-2020/html-css-js-compiler

A web-based compiler designed for writing and executing HTML, CSS, and JavaScript code directly in the browser.
https://github.com/rajtilak-2020/html-css-js-compiler

compiler css css3 html html-css-javascript html5 web webdev webdevelopment

Last synced: 13 days ago
JSON representation

A web-based compiler designed for writing and executing HTML, CSS, and JavaScript code directly in the browser.

• Host: GitHub
• URL: https://github.com/rajtilak-2020/html-css-js-compiler
• Owner: rajtilak-2020
• License: mit
• Created: 2024-12-09T17:50:29.000Z (25 days ago)
• Default Branch: main
• Last Pushed: 2024-12-09T18:03:27.000Z (25 days ago)
• Last Synced: 2024-12-09T18:40:58.962Z (25 days ago)
• Topics: compiler, css, css3, html, html-css-javascript, html5, web, webdev, webdevelopment
• Language: JavaScript
• Homepage: https://html-cse.netlify.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌐 HTML, CSS, and JS Compiler

A powerful, web-based tool for coding and previewing your web development projects in real-time!

🚀 This compiler runs entirely in your browser, offering a fast and seamless experience without the need for a backend.

---

## ✨ Features

- 🖋️ **Write and Edit Code**: Supports HTML, CSS, and JavaScript.

- ⚡ **Live Preview**: See your changes instantly in the output.

- 🖥️ **Backend-Free**: Built entirely with front-end technologies (HTML, CSS, and JS).

- 🎨 **Interactive UI**: User-friendly design for a smooth coding experience.

- 📱 **Responsive**: Works across all devices, including mobiles, tablets, and desktops.

---

## 🚀 Demo

👉 [Try it now!](https://rajtilak-2020.github.io/HTML-CSS-JS-compiler/)  

---

## 🛠️ Technologies Used

- **HTML5**: Markup for structuring the interface.

- **CSS3**: Styling for a clean and colorful design.

- **JavaScript**: Core functionality for code execution and live preview.

---

## 📂 Project Structure

html-css-js-compiler/ 

├── index.html # Main interface of the compiler 

├── style.css # Styling for the compiler 

├── script.js # Logic for live preview and functionality

---

## 🛡️ How It Works

1. Type your **HTML**, **CSS**, and **JavaScript** in the respective editor windows.

2. Instantly view the output in the live preview panel.

3. No backend required—everything runs locally in your browser! 🌐

---

## 🌈 Contributing

Contributions are always welcome! 🎉  

Feel free to fork this repository, open issues, or submit pull requests to improve the project.

---

## 🧑‍💻 Author

**K Rajtilak**  

- [GitHub](https://github.com/rajtilak-2020)  

- [LinkedIn](www.linkedin.com/in/krajtilak2020)  

 

---

## 📜 License

This project is licensed under the [MIT License](LICENSE).  

---

### 🌟 If you found this project helpful, give it a star! ⭐



    Made with ❤️ by Raj