LIVE Code Editor

LIVE Code Editor is an online platform for testing and showcasing HTML, CSS, and JavaScript code snippets. It functions as a playground for web developers to experiment with front-end technologies in real-time.

Demo Video

Click the image to watch the demo video on YouTube.

Features

• Real-Time Preview: See the results of your code instantly in a live preview pane.
• Code Sharing: Easily share your creations with others via a unique URL.
• Community Contributions: Explore and fork pens created by other developers to learn and build upon their work.
• Collaboration Tools: Work together with other developers in real-time.
• Responsive Design: Test and view your creations on different screen sizes.

Usage

1. Write Code: Enter your HTML, CSS, and JavaScript in the respective panels.
2. Live Preview: Watch your changes take effect immediately in the preview area.
3. Save and Share: Save your work and share it with a unique URL.
4. Explore and Learn: Browse through the community's creations for inspiration and learning.

Getting Started

1. Go to LIVE Code Editor.
2. Sign up for a free account to start creating and saving your work.
3. Begin a new pen and start coding.

Example

<!-- HTML -->
<div class="container">
  <h1>Hello, world!</h1>
</div>

/* CSS */
.container {
  text-align: center;
  padding: 50px;
}

// JavaScript
document.querySelector('h1').style.color = 'blue';

Contribution

I welcome your contributions! To contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add new feature').
5. Push to the branch (git push origin feature-branch).
6. Open a pull request.

License

This project is licensed under the MIT License.