KodePen

A Codepen clone, built with ReactJS, Monaco Editor and Material UI.

Live Here

KodePen

Preview

Kodepen_vid.mp4

Installing

1. Install dependencies

   npm install

2. Fire up the server and watch files

   npm run dev

Features

• Powered by our favorite VS Code editor
• All your code will be saved in your browser, so when you open the URL again all your code will be right there.
• Each editor can be collapse and expand separately.
• Auto render code (within 1 sec)
• Smart Auto-completion suggestion
• Auto-close brackets (For JavaScript and CSS)
• Highlight unclosed brackets (For JavaScript)
• Highlight active brackets (Brackets near cursor)
• Linting
• VS Code dark theme

Built with

• React
• Material UI
• VITE

Recommended IDE Setup

VSCode

To clone

$ git clone https://github.com/fullyDeepak/Kodepen.git
npm install
npm start

License

Licensed under the MIT license.