Prehľad

Špecializovaný framework navrhnutý na tvorbu responzívnych emailových šablón pomocou MJML a JSX ako templating jazyka.
Aplikácia využíva React Router pre client-side navigáciu a Node.js pre backend služby, ako je generovanie súborov a správa šablón.
Toto riešenie umožňuje vývojárom efektívne vytvárať znovupoužiteľné, udržiavateľné a produkčne pripravené emailové šablóny.

---

Kľúčové funkcie

• MJML + JSX templating

  • Kombinuje silu MJML s React komponentmi pre tvorbu modulárnych a responzívnych email layoutov.
  • Umožňuje vývojárom znovupoužívať komponenty a udržiavať konzistentný dizajnový systém naprieč šablónami.

• Správa šablón

  • Poskytuje UI na vytváranie, úpravu a náhľad emailových šablón v reálnom čase.
  • Zabezpečuje responzívne renderovanie v rôznych emailových klientoch.

• Generovanie súborov

  • Backend služba postavená na Node.js konvertuje MJML + JSX šablóny do produkčne pripravených HTML súborov.
  • Možnosť exportovať a sťahovať skompilované šablóny pre integráciu s marketingovými platformami.

• Routing a organizácia

  • React Router poskytuje štruktúrovanú navigáciu medzi tvorbou šablón, náhľadom a správou súborov.
  • Zlepšuje workflow vývojárov jasným oddelením pohľadov a procesov.

---

Tech Stack

Frontend

• React – UI založené na komponentoch pre tvorbu a náhľad šablón.
• React Router – Plynulá navigácia medzi editorom, náhľadom a správou súborov.
• MJML – Responzívny templating jazyk pre emaily.

Backend

• Node.js – Generovanie súborov a kompilácia MJML + JSX šablón do HTML.

Ďalšie nástroje

• Git & GitHub – Verzovanie zdrojového kódu a kolaborácia.
• Prettier + ESLint – Formátovanie a linting pre čistý kód.

---

Repository & Demo

• Zdrojový kód: Github