Building the bridge between logic and human interaction.
Welcome to the central repository of Farhan Mallick, a Computer Science Engineer and AI Architect. This portfolio is a high-fidelity, interactive experience designed to showcase the intersection of AI Agents, Immersive UX, and Data-Driven Architecture.
This project is hardened for production and optimized for cinematic performance:
- Core Logic: Next.js 16 (App Router) + Turbopack
- Intelligence Layer: Supabase (PostgreSQL, Auth, Edge Functions, pgvector)
- Cinematics: GSAP (Scroll-driven animations) + Three.js (3D canvas)
- Hardened Styling: Vanilla CSS + CSS Modules (Isolated scopes, Zero inline styles)
- Typography: Orbitron (Headings), Rajdhani (Body), Share Tech Mono (UI)
A custom-built interactive terminal component allowing users to explore my professional history through a classic command-line interface.
- Try running:
help,whoa, orprojects.
A responsive SVG neural map with click-to-lock interaction pathways, flowing data beams, and intelligent viewpoint priority panning.
- Protocol v12.0: Unified 12-sector skill taxonomy synchronized across all site content.
All professional history and achievements are synchronized via a unified JSON Content Ledger with universal skillTags.
src/data/about.json: Synthesized bio and experience timelines.src/data/projects.json: Live GitHub integration merged with manual skill tagging.src/data/skills.ts: 100+ skills mapped to 12 sector priorities.src/data/certificates.json: 18+ industry-verified credentials.
An interactive 3D Wall of achievements featuring filtered categories and keyboard-accessible flip interactions for credential verification.
Live project indexing directly from the GitHub API, showcasing star counts, fork activity, and primary languages.
.
├── .planning/ # Full SDD Documentation (State, Roadmap, Requirements)
├── src/
│ ├── app/ # Next.js App Router (Hardened architecture)
│ ├── components/ # High-fidelity UI components
│ ├── data/ # The Source of Truth (JSON Ledgers)
│ ├── lib/ # Shared utilities and centralized icon mapping
│ └── styles/ # Global design system tokens
└── public/ # Optimized 3D assets and static media
Built with Netlify for globally distributed performance and robust edge integrations.
For comprehensive documentation covering APIs, configuration, and architecture, please refer to the docs/ directory.
To run the architect environment locally:
npm install
npm run dev“Working code is the baseline. Optimized, accessible, and cinematic code is the goal.”