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

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.