Personal Portfolio & UI Registry
An open-source React registry for reusable components, blocks, and illustrations.
- Next.js
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
Design direction, frontend architecture, registry tooling, and documentation
Hi, I'm
Currently building NavUI, an open-source React component library and registry that helps developers ship polished, accessible interfaces without rebuilding the same foundations. I contribute to open-source projects and bring practical full-stack experience to turning product ideas into reusable, maintainable software.
An open-source React registry for reusable components, blocks, and illustrations.
Design direction, frontend architecture, registry tooling, and documentation
A responsive client website for a telecommunications services business.
Requirements, interface design, Next.js development, content polish, and deployment
An invoice builder with dynamic forms, live totals, and a print-ready preview.
Product UI, form state, invoice calculations, reusable components, and document layout
I enjoy turning product ideas into polished React and Next.js interfaces, with particular attention to reusable components, thoughtful motion, accessibility, and interaction details. I’m looking to grow within a product team that values both strong design and clean engineering.
A snapshot of recent pull-request work across open-source.
2024—Present
Freelance & client work · Toronto, Canada
Designing and developing responsive client websites, landing pages, portfolio work, and practical product interfaces from requirements through production deployment.
Responsive, accessible React interfaces with clear state, resilient layouts, and careful browser behavior.
React · Next.js App Router · TypeScript · JavaScript · Tailwind CSS · Motion
Reusable primitives and patterns shaped by typography, spacing, hierarchy, interaction states, and documentation.
Browse Navdeep UI componentsshadcn/ui · Component architecture · Design tokens · Figma · Accessibility
Practical full-stack delivery with attention to performance, search visibility, deployment, and maintainability.
Node.js · REST APIs · SQL · Git · Vercel · Frontend performance · SEO
Jan 2024—Sept 2025
Humber College Institute of Technology & Advanced Learning · Toronto, Canada
Coursework included web development, programming fundamentals, databases, SQL, software testing, systems analysis, and technical documentation.