Skip to content

README.md

Latest commit

 

History

History
100 lines (69 loc) · 1.5 KB

README.md

File metadata and controls

100 lines (69 loc) · 1.5 KB
Raw

💻 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!