Karmit Patel — Toronto, Canada

Full-Stack Developer crafting fast, polished web apps.

6+ years building products with React, TypeScript, Angular and Node — currently Senior Consultant at MNP Digital.

About me

From pixel-perfect frontends to full-stack delivery.

I'm a Software Engineering graduate from York University who has spent the last six years turning designs into fast, accessible web applications. Today I'm a Senior Consultant at MNP Digital in Toronto, where I've led the frontend of an AI-powered document analyzer and modernized legacy platforms. I care about clean component architecture, smooth micro-interactions, and shipping end-to-end — from the UI down to the API.

6+Years of experience

15+Projects delivered

10+Certifications

Microsoft Certified: Azure Developer Associate
GitHub Actions
Microsoft Certified: Azure AI Fundamentals
Microsoft Certified: Azure Fundamentals
React & Next.js Certification
See the whole trophy case →

Toolbox

Skills that cover the whole stack.

Frontend

Component-driven UIs with a designer’s eye for detail.

React
TypeScript
Angular
Vue
Redux
Sass
Next.js

Backend

APIs and data layers that keep the frontend honest.

NestJS
Node.js
MongoDB
Firebase
MySQL
Express

Cloud & DevOps

Shipping and operating apps where they need to run.

Azure (Certified)
AWS
GitHub Actions
CI/CD
Firebase Hosting

AI

AI-assisted development and automation to ship faster.

GitHub Copilot
Claude Code
Claude Co-Work
Codex
ChatGPT
NotebookLM
n8n

Services

What I can build for you.

Frontend Development
Design-system-driven interfaces in React, Angular or Vue — responsive, accessible, and fast. Pixel-perfect builds that feel as good as they look.
Full-Stack Development
End-to-end delivery: NestJS and Node APIs, Firebase and Azure deployments, and the frontend to match. One developer, the whole feature.
UI Engineering & Animation
Micro-interactions, scroll choreography and performance tuning that turn a working product into a memorable one.

Under the hood

What you see is the last ten percent.

What you see

It opens before you notice it loading. Things move the way you expect them to. The words are easy to read, the buttons feel good to press, and it works the same on your phone, on a slow train, or with a screen reader. Most people would just call it nice.

What I see

Under that calm little screen is a whole chain of decisions — what to build and why, how it's put together, where the data actually lives, who's allowed near it, and how it makes its way out into the world and stays healthy once it's there. None of that shows up in a screenshot. Spin the globe to see what's really holding the page up.

Research & Design
AI Assist
Build
Data & Auth
Ship & Run

Stage 1

Research & Design

Working out what to build and how it should behave — before a line of code exists.

Figma
Miro
Notion
Material Design
Google Fonts

Stage 2

AI Assist

Cuts the time between an idea and a working slice — used across every stage, never unreviewed.

Claude
GitHub Copilot
Gemini
Perplexity

Stage 3

Build

Turning the design into a real, accessible, responsive interface.

HTML
CSS
Sass
Tailwind CSS
JavaScript
TypeScript
React
Next.js
Angular
Vue
Redux
Vite

Stage 4

Data & Auth

Everything behind the screen: who the user is, and where the data lives.

Node.js
NestJS
Express
GraphQL
Firebase Auth
Firestore
MongoDB
PostgreSQL
MySQL
Redis
JWT

Stage 5

Ship & Run

Getting it live, keeping it fast, and knowing what happens next.

Git
GitHub Actions
Docker
Azure
AWS
Firebase Hosting
Vercel
Cloudflare
Sentry
Lighthouse
Analytics

Start a project

Featured work

Projects I'm proud of.

MNP Digital · Professional

AI Document Analyzer & Extractor

Led the frontend of an AI-powered platform that summarizes and extracts structured data from business documents. Built the React interface over Azure AI services and shaped the UX for reviewing machine-generated results.

In production for internal advisory teams — demo available on request.

React
TypeScript
Azure AI
Enterprise UX

Read case study

Client work · Professional

Weigh-Tech Solutions

Public-facing site for an industrial weighing-solutions company: brand-first design, product catalogue, and lead-generation contact flows, built for fast loads and easy content updates.

Live at weightechsolutions.ca.