🎨 Mini Code Editor

Un editor HTML/CSS/JS minimalista con anteprima live.
Perfetto per demo, tutorial e registrazioni OBS (shorts, reel, TikTok).

👉 Progettato per essere semplice, pulito e senza distrazioni:

• Split screen → anteprima sopra, codice sotto.
• Editor con evidenziazione sintassi (CodeMirror 5).
• Autocomplete per tag HTML, CSS e funzioni JS.
• Autoclosing per parentesi e tag.
• Impostazioni nascoste → un bottone discreto ⚙️ nell’angolo in basso a destra apre il pannello di configurazione.
• Personalizzazione completa → tema colori, font, dimensioni testo, proporzioni anteprima/editor.
• Layout verticale/orizzontale → perfetto per OBS in formato short (1080x1920).

---

🚀 Anteprima

---

📦 Installazione

1. Clona la repo:

   git clone https://github.com/tuo-username/mini-code-editor.git

2. Apri il file index.html nel tuo browser.

3. (Opzionale) Carica su un server o GitHub Pages per condividerlo online.

⚙️ Funzionalità principali

Editor

• Evidenziazione sintassi
• Autocompletamento HTML, CSS e JavaScript
• Autochiusura tag e parentesi
• Supporto snippet (es. cla → class="")

Anteprima Live

• Aggiornamento in tempo reale mentre scrivi
• Layout sempre proporzionato grazie a % di height/width

Pannello Impostazioni (⚙️)

• Colori testo e background
• Font e dimensione font
• Proporzioni editor/preview (height % e width %)
• Ridimensionamento verticale/orizzontale finestra

🛠️ Tecnologie usate

• HTML5
• CSS3
• JavaScript
• CodeMirror 5