# {{PROJECT_NAME}} - React TypeScript

> Erstellt: {{GENERATION_DATE}} | Claude Craft v{{VERSION}}

## Was (Stack & Struktur)

**Stack**: {{TECH_STACK}}
**Framework**: React {{REACT_VERSION}} + TypeScript {{TYPESCRIPT_VERSION}}
**Build Tool**: {{BUILD_TOOL}}

### Projektstruktur
```
src/
├── components/           # Wiederverwendbare Komponenten (Atomic Design)
│   ├── atoms/           # Buttons, Inputs, Labels
│   ├── molecules/       # FormField, SearchBar, Card
│   └── organisms/       # Header, DataTable, Form
├── features/            # Business Features
│   └── [feature]/
│       ├── components/  # Feature-spezifische Komponenten
│       ├── hooks/       # Custom Hooks
│       ├── services/    # API Services
│       └── types/       # TypeScript Types
├── hooks/               # Globale Hooks
├── services/            # Gemeinsame Services
└── store/               # State Management
```

## Warum (Zweck & Organisation)

### Architektur: Feature-Based + Atomic Design
- Feature-isolierte Organisation
- Komponenten-Hierarchie fuer Wiederverwendbarkeit
- TypeScript Strict Mode fuer Typsicherheit

Siehe `rules/02-architecture.md` fuer Muster.

### Kritische Regeln
| Regel | Beschreibung |
|-------|--------------|
| Komponenten | `PascalCase.tsx` |
| Hooks | `useCamelCase.ts` |
| Tests | 80% Coverage |
| TypeScript | Strict Mode, keine `any` |

## Wie (Befehle & Workflows)

### Entwicklungsbefehle
```bash
{{PACKAGE_MANAGER}} install     # Abhaengigkeiten
{{PACKAGE_MANAGER}} run dev     # Dev Server
{{PACKAGE_MANAGER}} run build   # Production Build
```

### Qualitaets-Pipeline
```bash
{{PACKAGE_MANAGER}} run lint        # ESLint
{{PACKAGE_MANAGER}} run type-check  # TypeScript
{{PACKAGE_MANAGER}} run test        # Tests
{{PACKAGE_MANAGER}} run quality     # Alle Pruefungen
```

### Entwicklungs-Workflow
1. **Analysieren** - `rules/01-workflow-analysis.md` lesen
2. **TDD** - Test schreiben, implementieren, refaktorisieren
3. **Qualitaet** - `{{PACKAGE_MANAGER}} run quality` ausfuehren
4. **Commit** - Conventional Commits Format

## Referenzen
| Kontext | Datei |
|---------|-------|
| Vor Aenderungen | `rules/01-workflow-analysis.md` |
| Architektur | `rules/02-architecture.md` |
| Code Standards | `rules/03-coding-standards.md` |
| Testing | `rules/07-testing.md` |
| State Management | `rules/13-state-management.md` |
| Styling | `rules/14-styling.md` |

<!-- PROJECT-SPECIFIC-START -->
## Projektspezifika
<!-- Projektspezifische Konfiguration hier hinzufuegen -->
<!-- PROJECT-SPECIFIC-END -->
