CodeJolt is an online platform for real-time HTML, CSS, and JavaScript coding, perfect for web developers of all levels. With its intuitive interface and efficient workflow, users can streamline their coding process, test their ideas, and collaborate seamlessly.
- HTML, CSS, and JavaScript editors with syntax highlighting and auto-indentation
- Real-time preview of output
- Responsive layout that adapts to different screen sizes
- Option to toggle between two different layout modes
- Local storage to save user code
- HTML
- CSS
- JavaScript
- Ace Editor (for code editing)
- Virtual IFrame (for real-time preview)
To use the Codepen Clone, simply open the index.html file in your web browser. You will see three code editors on the left-hand side of the screen for HTML, CSS, and JavaScript. As you type code into each editor, the output will be displayed in real-time on the right-hand side of the screen.
You can toggle between two different layout modes by clicking the "Change Layout" button in the top right-hand corner of the screen.
Your code will be saved in your browser's local storage, so you can return to your work at any time and continue where you left off.
This project was created by [Heet Vadiya]. It is based on Codepen, a popular online code editor and front-end development environment.
This project is licensed under the MIT License. See the LICENSE file for more information.