This project is a simple clone of Codepen, a popular online code editor and community for front-end developers. It allows users to write and preview HTML, CSS, and JavaScript code within the browser.
Features
- Three separate editing panels (HTML, CSS, JavaScript)
- Live preview of code changes
- Basic syntax highlighting (optional)
Technologies Used
- HTML: Provides the structure of the webpage.
- CSS: Styles the user interface elements.
- JavaScript: Enables interactivity and manages the code editing and preview functionality.
Getting Started
-
Clone the Repository
git clone https://github.com/your-username/codepen-clone.git
-
Open the index.html file in your web browser to run the application.
Customization
- You can enhance this project by adding features like:
- More robust syntax highlighting using libraries like Prism.js.
- Error handling and validation for code snippets.
- Functionality to save and load code snippets.
- User authentication and sharing capabilities.
Author
- Yash Lonkar