Skip to content

iseto/dynamischer-template-editor

Repository files navigation

Dynamischer Template-Editor (Beispielprojekt)

Kleines Demo-Projekt: Ein dynamischer Template-Editor mit React, TypeScript und Vite.

Quickstart

  1. Node/npm installieren (Node 18+ empfohlen)
  2. Dependencies installieren:
npm install
  1. Dev-Server starten:
npm run dev
  1. Tests laufen:
npm run test

Struktur

  • src/hooks/useTemplate.ts – zentrale Logik (State + Manipulation)
  • src/components/TemplateForm.tsx – UI für Felder bearbeiten
  • src/components/Preview.tsx – Live-Vorschau
  • src/tests/TemplateForm.test.tsx – einfacher UI-Test mit Vitest + Testing Library

© 2025 Ignatius Seto