This is a simple web application that allows you to edit and run HTML, CSS, and JavaScript code in real-time with a live preview. You can also change the background color of each code editor to customize your coding environment.
Follow the instructions below to get the project up and running on your local machine.
Make sure you have the following software installed on your computer:
- Node.js
- npm (Node Package Manager)
``
-
Clone the repository to your local machine: git clone https://github.com/your-username/code-editor-website.git
-
Change into the project directory:
cd code-editor-website -
Install the dependencies: 'npm install'
-
To start the development server and launch the application in your default web browser, run:
npm start
The application should now be accessible at http://localhost:3000.
- Edit HTML, CSS, and JavaScript code in separate code editor boxes.
- Customize the background color of each code editor.
- See the live preview of your code output on the right side of the screen.
- Run the code to see the changes instantly in the live preview.
- Edit the HTML, CSS, and JavaScript code in their respective code editor boxes on the left side.
- To change the background color of any code editor, click on the "Background Color Picker" icon for that code editor, choose your preferred color from the color picker, and see the changes immediately.
- Click on the "Run" button to execute the JavaScript code and see the live preview of your code on the right side of the screen.
- To clear the output area, click on the "Clear" button.
If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Contributions are always welcome!
[Link to live demo of the project]
If you have any questions or would like to connect, you can reach out to me on LinkedIn:
Feel free to send me a message or connect with me!