A polished Next.js 14 App Router demo inspired by crowmancloud’s “pro tool” aesthetic. It features a dark, grid-accented landing page with a centered glass card for drag‑and‑drop ZIP uploads and a mock analysis API.
- Next.js 14 (App Router)
- React 18
- Tailwind CSS 3
- TypeScript
app/layout.tsx— Root layout and metadataapp/page.tsx— Landing pageapp/api/analyze/route.ts— Mock API endpoint (accepts.zipviaFormDatafieldproject)components/UploadCard.tsx— Drag‑and‑drop uploader + Analyze CTA + results panelapp/globals.css— Tailwind and global styles (dark grid, glow, glass)
# In this directory
npm install
npm run dev
# open http://localhost:3000- This demo keeps analysis in the browser and returns a mocked report from the API route. Replace the logic in
app/api/analyze/route.tsto perform real static analysis or dispatch to a local process. - The uploader expects a
.zipfile. Adjust validation as needed.