A personal portfolio website showcasing research publications, projects, and professional experience in Artificial Intelligence and Machine Learning.
Built with a modern frontend stack focusing on performance and interactivity:
- Framework: React with TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- Type: Fraunces, Inter, IBM Plex Mono (Google Fonts)
- Human / machine twin: the home page pairs prose with the same facts as JSON, and a small agent cursor reads the hero on load. A full Machine view (with copy-as-text) and a WebMCP tool layer make the site readable by AI agents.
- Interactive project diagrams: every project and paper has its own diagram you can play with (query router, red-team loop, in-browser vs server inference, fuzzy menu, and more), built from that item's real mechanism.
- Real product screenshots and hackathon tiles: framed, populated captures of the live demos; hackathons as a color-tile grid.
- Live build tracker (
#dashboard): every public repo with push recency andPLAN.mdprogress, pulled from the GitHub API. /ircareer-fair page: a standalone, framework-free landing page for QR/NFC use, with vCard, résumé, and analytics.- Accessible and responsive: WCAG AA contrast, keyboard focus, 44px targets, reduced-motion support.
The visual system (paper and ink, one highlighter accent, Fraunces / Inter / IBM Plex Mono, stickers, hard-offset shadows) is documented in BRAND.md: tokens, contrast ratios, voice, components, motion, accessibility rules, and the release checklist. Tokens live in index.css.
To run this project on your local machine:
-
Prerequisites: Ensure you have Node.js installed.
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
This project is configured for deployment on GitHub Pages.
To deploy a new version:
npm run deployThis project is licensed under the Apache License 2.0.