---
# System prepended metadata

title: 'Django-Projekt: fruit_app 1 – Backend & Frontend'

---

# Django-Projekt: fruit_app 1 – Backend & Frontend

## Teil 1: Backend Setup

1. Django Projekt anlegen mit Projektnamen `core` anlegen

2. Eine App namens `fruit_app` anlegen und in der `settings.py` einbinden

3. In der `fruit_app` eine View namens `send_fruits` schreiben, in dieser sollte sich eine Variable `fruits` mit einer Liste befinden. Diese hat 5 Objekte mit jeweils: Name, Gewicht und Farbe der Frucht.

4. Einen Response auswählen (Http oder Json) und die `fruits` Liste damit zurückgeben

5. Die `urls.py` in der `fruit_app` anlegen und auf den Path `''` die neue View legen

6. Die `urls.py` vom `core` anpassen, sodass die `urls.py` aus der `fruit_app` enthalten ist und auf `‘fruits/’` leitet

7. Server starten und überprüfen, ob die Daten ankommen

---

## Teil 2: CORS & Frontend

8. `cors headers` installieren + `settings.py` anpassen

9. Extra Frontend-Projekt erstellen mit einer `index.html` / `script.js`

10. Einen `fetch` schreiben, der auf das eigene Backend zugreift, diese Daten in der Konsole anzeigen

11. Nun die Daten im HTML rendern (nur als ganz einfache Liste)