💻 CodeFront

A modern frontend code editor built with React.js and Vite that provides an interactive environment to write HTML, CSS, and JavaScript code with an instant live preview.

---

🚀 Features

• ✨ Real-Time Live Preview
• 📝 HTML Editor
• 🎨 CSS Editor
• ⚡ JavaScript Editor
• 📱 Fully Responsive Design
• 🎯 Clean & Modern User Interface
• ⚛️ Built with React & Vite
• 🚀 Fast Development Experience

---

🛠️ Tech Stack

• React.js
• Vite
• JavaScript (ES6)
• HTML5
• CSS3

---

📂 Project Structure

CodeFront/
├── src/
│   ├── App.jsx
│   ├── Header.jsx
│   ├── Home.jsx
│   ├── Editor.jsx
│   ├── Result.jsx
│   ├── DataProvider.jsx
│── App.css
│── package.json
│── vite.config.js
│── README.md

---

▶️ Getting Started

Clone the repository:

git clone https://github.com/saumya02-lab/CodeFront.git

Install dependencies:

npm install

Run the development server:

npm run dev

---

📸 Preview

Add a screenshot of your application here.

![CodeFront Preview](preview.png)

---

👩‍💻 Developer

Saumya Pathak

📧 Email: saumyapathak38@gmail.com

💼 LinkedIn: https://www.linkedin.com/in/saumya-pathak-339825235

---

🌟 Future Enhancements

• Dark Mode
• Download Code
• Save Projects
• Multiple Themes
• Backend Integration

---

⭐ If you like this project, don't forget to give it a Star!