Ibrahim Salman - Developer Portfolio

Production-ready Next.js 15 portfolio focused on real engineering work: OCR systems, automation pipelines, local-first tooling, and frontend craftsmanship.

Tech Stack

• Framework: Next.js 15 (App Router)
• Language: TypeScript (strict)
• Styling: CSS variables + component-level inline styles
• Animation: Framer Motion with LazyMotion
• Theme: next-themes
• Assistant: Vercel AI SDK + Groq (/assistant, /api/chat, /api/health)

Verified Project Data Policy

Project pages are now aligned with source repositories and should not contain speculative claims.

• Zuban page reflects the current devhms/Zuban repository direction (offline STT / Handy-based architecture).
• B.L.A.S.T. page reflects the current devhms/OCR repository direction (OCR pipeline with A.N.T. layering).
• If a project pivots, update both page copy and lib/projects.ts together.

Security + SEO Baseline

• Security headers are set in middleware.ts (nosniff, DENY, referrer policy, permissions policy, CORP).
• Canonical URL, robots directives, OpenGraph/Twitter metadata, and keywords are in lib/metadata.ts.
• app/robots.ts and app/sitemap.ts provide crawler-ready defaults.

Development

Prerequisites:

• Node.js 18+
• npm

Commands:

npm install
npm run dev
npm run lint
npm run typecheck
npm run build

Assistant env vars (.env.local for dev):

GROQ_API_KEY=your_key_here
GROQ_MODEL=llama-3.3-70b-versatile

Content Update Checklist

When updating portfolio content:

1. Validate claims against the linked repo README and recent commits.
2. Keep project list (lib/projects.ts) and project page content in sync.
3. Re-run lint, typecheck, and build before shipping.

License

MIT (c) Ibrahim Salman