CodePen Clone

CodePen Clone is a web-based code editor made with React js and CodeMirror. It works like CodePen, letting you write, edit, and see your HTML, CSS, and JavaScript code in real-time. Plus, it saves your work using local storage to make sure you don't lose it.

Features

• Three separate code editors for HTML, CSS, and JavaScript.
• Instantly see the results of your code changes in an iframe.
• Automatic saving of your code in local storage.
• Syntax highlighting for HTML, CSS, and JavaScript using CodeMirror.

Installation

1. Clone this repository: https://github.com/mandanaD/codePen-clone.git
2. Install the required dependencies: npm install
3. Run the application: npm start
4. Open the app in your web browser at http://localhost:3000