Prayag493773/CodePen-Clone

A basic clone of CodePen built using React and Material-UI. This project aims to provide a simplified version of CodePen where users can write and preview HTML, CSS, and JavaScript code.

CodePen Basic Clone

Description🗒

A basic clone of CodePen built using React and Material-UI. This project aims to provide a simplified version of CodePen where users can write and preview HTML, CSS, and JavaScript code.

Table of Contents

• Demo
• Features
• Technologies-Used
• Installation
• Usage
• Acknowledgements

Demo

You can see a live demo of the project here.

Features

• Live preview of HTML, CSS, and JavaScript code.
• Responsive design.

Technologies-Used

• HTML: Used for structuring the web page.
• CSS: Used for styling the user interface and making it visually appealing.
• JavaScript: Used for implementing interactivity and functionality.

Installation

1.Clone the repository:

git clone https://prayag493773.github.io/CodePen-Clone

2. Open the project directory.

3. Install dependencies:

npm install

4. Start the development server:

npm run start

The app will be available at http://localhost:3000.

Usage

1. Open the app in your browser.
2. Write your HTML, CSS, and JavaScript code in the respective editors.
3. See the live preview update as you type.

Acknowledgements

• CodePen-Clone is built using inspiration from Codepen.
• Take guidance from Code-For-interview Youtube clannel.