Codify: Live Code Editor ✨

A web-based live code editor that allows you to write and preview HTML, CSS, and JavaScript code in real-time.

Features 🚀

• ⚡Real-time preview of HTML, CSS, and JavaScript
• 📄 Monaco editor with syntax highlighting
• 🌑 Dark theme interface
• 🔧 Resizable editor panels
• 📦 Export functionality to download code as ZIP file
• 📱 Responsive layout for desktop and mobile
• 💾 Local storage to persist code changes

Tech Stack 🛠️

• TypeScript
• Monaco Editor
• TailwindCSS
• Vite
• JSZip

Development 🛠️

1. Install dependencies:

pnpm install

2. Start development server:

pnpm dev

3. Build for production:

pnpm build

4. Preview production build:

pnpm preview

Project Structure 📂

src/
  constants/     # Constants and default values
  helpers/       # Utility functions
  types/         # TypeScript type definitions
  main.ts        # Entry point
  input.css      # TailwindCSS input styles
  output.css     # Generated CSS

License 📜

This project is licensed under the MIT License.

Author 📌

By: Jeremias Villane