First commit

README.md

@@ -0,0 +1,67 @@
+# Filing Cabinet
+
+React social platform shell met duidelijke scheiding tussen frontend en backend.
+
+## Architectuur
+
+- `frontend/`: React (Vite) UI met pagina's, routes, knoppen en directe externe API-calls.
+- `backend/`: Bewust zonder eigen API-endpoints.
+
+## Pagina's en functionaliteit
+
+- Landing (`/`)
+- Login (`/login`)
+- Register (`/register`)
+- Feed (`/feed`)
+- Discover (`/discover`)
+- Profile (`/profile`)
+
+Werkende acties:
+
+- Inloggen en registreren
+- Feed laden
+- Vriendverzoek versturen
+- Upload triggeren
+- Uitloggen
+
+## Externe API-koppeling
+
+Frontend gebruikt alleen externe API-calls via:
+
+- `VITE_API_BASE_URL`
+
+De volgende endpoints worden vanuit de frontend aangeroepen:
+
+- `POST /auth/login`
+- `POST /auth/register`
+- `GET /auth/me`
+- `GET /feed`
+- `GET /discover`
+- `POST /friends/request`
+- `POST /uploads`
+
+Zie `frontend/.env.example`.
+
+## Security en validatie in UI
+
+- Sessiegegevens staan in `sessionStorage` (niet meer in `localStorage`).
+- Upload heeft client-side limiet van 5 MB.
+- Login/register hebben client-side inputvalidatie (lengte/patterns).
+
+## Starten
+
+### 1) Frontend
+
+```bash
+cd frontend
+cp .env.example .env
+npm install
+npm run dev
+```
+
+Frontend draait standaard op `http://localhost:5173`.
+
+## Belangrijk
+
+Deze repository bevat geen lokale backend API.
+Auth, database, vrienden en uploads worden extern afgehandeld.