Skip to content

A web application replicating the core features of CodePen, enabling users to write, edit, and preview HTML, CSS, and JavaScript code in real-time.

Notifications You must be signed in to change notification settings

KiranNegii/Codepen-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodePen Clone Project 🚀

This project is a clone of CodePen, a popular online code editor and front-end web development platform. It allows users to write HTML, CSS, and JavaScript code in real-time and see the results instantly.

Features 🌟

  • Real-time HTML, CSS, and JavaScript code editor.
  • Split view to see code and output side by side.

Technologies Used 💻

  • React.js: A JavaScript library for building user interfaces.
  • HTML5 & CSS3: Markup and styling for the application.
  • CodeMirror: A versatile text editor implemented in JavaScript for the browser.

Screenshots 📷

image image

Getting Started 🚀

Follow these steps to get the CodePen Clone project up and running on your local machine:

  1. Clone the repository:
    git clone https://github.com/your-username/codepen-clone.git
  2. Navigate to the project directory:
cd codepen-clone
3. Install dependencies:
```bash
npm install
4. Run the development server:
```bash
npm start

Open your browser and go to http://localhost:3000 to use the CodePen Clone.

About

A web application replicating the core features of CodePen, enabling users to write, edit, and preview HTML, CSS, and JavaScript code in real-time.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published