This project is a simple clone of CodePen, a popular online code editor and front-end development environment. It allows users to write HTML, CSS, and JavaScript code, and see the live output in real-time. The project is built using React, providing a modern and responsive user interface.

With this editor, you can simultaneously code and view the changes made to your HTML (including CSS and JS). Its Web Based Editor is ideal for anyone who simply wants to quickly write and execute some code without having to open an application.

Mobile-first CodePen Alternative

Codepen clone

Fully responsive webpage clone of "CodePen" code editor designed with HTML, CSS and JavaScript.

A clone of Codepen, created using React

Simple clone of the core functionality of CodePen using React. I have used codemirror library in order to use the text editors and react-codemirror2 library which allowed me to use the codemirror text editor inside of React app with custom component.

Codepen Clone is an online website editor built using Html, CSS and JavaScript

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

Introduction to the Responsive Web Design Projects

A responsive CodePen clone built using React and @uiw/react-codemirror package which is reponsible for building & customising the code editors.

This project is a CodePen clone built with ReactJS and Firebase. It allows users to sign up with email, write and preview HTML, CSS, and JavaScript, save projects, and filter them for easy access.

A codepen clone made in React ⚛️

codepen using react js

Dream Code - an online IDE for HTML, CSS and JS

My Final Project For Code to Success.

A Online Code Editor for html, css, javascript like Codepen using html, css, javascript

A lightweight code editor that helps PWA visualization.

This app is a Codepen Clone React Web App.