🚀 CodePen Clone (React)

A lightweight and responsive CodePen-like web editor built using React. It lets you write and preview HTML, CSS, and JavaScript code in real time – just like the original CodePen!

---

✨ Features

• 📝 Live HTML, CSS, JS Editor
• ⚡ Real-time Preview Panel
• 💾 Auto Save to Local Storage
• 🎨 Clean and Minimal UI
• 💻 Built with React & CodeMirror
• 🚀 Deployed on Netlify

---

📦 Installation & Setup

# Clone the repository
git clone https://github.com/tanishka786/codepen_clone.git
cd codepen-clone

# Install dependencies
npm install

# Start the development server
npm start

---

---

🔧 Setup Notes (if required then:)

• Install CodeMirror for editor functionality:

  npm install codemirror@5 react-codemirror2 --legacy-peer-deps

• To verify installation:

  npm list react-codemirror2

• If issues occur:

  npm uninstall codemirror @uiw/react-codemirror

• Font Awesome (for icons):

  npm i @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/fontawesome-svg-core

---

🔥 Pro Tip

Use this VS Code extension for faster coding:

ES7+ React/Redux/React-Native snippets
Shortcut: type rfc + Tab to auto-generate boilerplate React component.

---

🎬 CODE✌🏻 like a Pro 😎

Made with 💙 using React.