---
# System prepended metadata

title: Chat-App Projekt Setup – Schritt-für-Schritt Dokumentation

---

# Chat-App Projekt Setup – Schritt-für-Schritt Dokumentation

Folge allen Schritten aus der Anleitung zum aufsetzen eines Projektes und nenne deine App **chat_app**:
https://hackmd.io/@mtUtNKDMTzWHLKW5U9RnOw/B1DZ_x6Tlx

---

## Backend-Erweiterung & API-Integration

1. Füge die `CORS_Headers` hinzu.

2. Datenbankmodell für Chat-Nachrichten:  
   Der Name der Klasse ist `Chat`, es gibt diese validierten Felder:  
   - `name`  
   - `message`  
   - `created_at`

3. Führe nun die Migrationen aus.

4. API-Endpunkte erstellen:  
   Function view namens `chat_view` erstellen mit GET- und POST-Abfrage und der entsprechenden Logik.

5. Konfiguriere nun die `urls` im `core` und in deiner App.

---

## Frontend-Erstellung

1. Erstelle nun das Frontend, entweder mit HTML,CSS und JS  
   **ODER**  
   mit **Angular** (mehr Aufwand, aber eine gute Übung).
   
2. Starte den Server und teste deine API mit dem Frontend.