Frontend — AI Content & Website Detector UI

React + Vite + Tailwind CSS.

Setup (VS Code terminal)

cd frontend
npm install

Run it

npm run dev

Opens at http://localhost:5173. It expects the backend running at http://localhost:8000 — the dev server automatically proxies /api/* calls there (see vite.config.js).

Run the backend first, then the frontend, so signup/login/detect calls have something to hit.

Pages implemented

• / — Detect (the main tool: URL / text / file → score + engine breakdown)
• /login, /signup — auth
• /history — a logged-in user's past scans
• /compare, /how-it-works, /reference, /faq — placeholder pages, ready to build out next

Design system

• Colors: sand (background/neutral), sage (primary/verification), ochre (mid-risk highlight), clay (high-risk highlight) — all defined in tailwind.config.js
• Fonts: Manrope (headings), Inter (body), JetBrains Mono (scores/data) — loaded via Google Fonts in index.html
• The scan-line animation in the input box (InputBox.jsx) is the visual signature — reinforces the "scanning/forensic" concept