Masterblog API
Eine REST-API für eine Blog-Plattform, entwickelt mit Flask (Backend) und JavaScript (Frontend). Das Projekt demonstriert die klassische Frontend-Backend-Trennung: Der Flask-Server stellt JSON-Endpunkte bereit, das JavaScript-Frontend konsumiert diese per Fetch API.
Quellcode
Installation
-
Python installieren
Python Download -
Repository klonen
git clone https://github.com/vincentkoenig/Masterblog-API.git -
Abhängigkeiten installieren
pip install flask flask-cors
App starten
Backend starten:
python backend/app.py
Dann frontend/index.html im Browser öffnen.
API-Endpunkte
| Methode | Route | Funktion |
|---|---|---|
| GET | /api/posts | Alle Beiträge abrufen |
| POST | /api/posts | Neuen Beitrag erstellen |
| PUT | /api/posts/<id> | Beitrag aktualisieren |
| DELETE | /api/posts/<id> | Beitrag löschen |
Features
- 🔌 RESTful API mit Flask
- 🌐 CORS-Unterstützung für Frontend-Anbindung
- 📡 JavaScript Fetch API im Frontend
- 📋 Vollständige CRUD-Operationen
- 🗂️ Klare Frontend/Backend-Trennung
Code-Übersicht
- backend/app.py → Flask-API mit allen Endpunkten
- frontend/index.html → HTML-Oberfläche
- frontend/scripts/main.js → JavaScript Fetch-Logik