Selected works.
React + Vite
TypeScript
Tailwind
Express.js
Groq API
KaTeX
react-markdown
- Built a minimal AI chat interface optimized for single-turn Q&A with live LaTeX rendering via KaTeX and react-markdown.
- Integrated Groq API through an Express backend with custom system prompts for consistent math formatting.
- Memoized markdown parsing with useMemo to eliminate 170ms+ input lag during re-renders.
- Added graceful backend wake-up detection with skeleton UI for free-tier cold starts.
React + Vite
TypeScript
Tailwind
Express.js
LangChain
Google Gemini
Qdrant
BullMQ
- Designed RAG workflow where pdf uploads trigger Gemini embeddings via LangChain before answers stream back to the chat UI.
- Implemented Express API + worker that chunks, embeds, and stores PDFs in Qdrant through LangChain.
- Used BullMQ + Valkey to queue processing jobs and keep uploads non‑blocking.
- Dockerized the API, worker, and Qdrant vector DB so the AI stack (Gemini + embeddings + retriever) can spin up locally with one compose file.
NextJS
Mongoose
MongoDB
NodeJS
Cloudinary
NextAuth
- End‑to‑end blogging with App Router + Server Actions for posts, comments, and tags.
- Auth via NextAuth, JWT, bcrypt; Edge Middleware to gate unauthenticated traffic.
- SSR blended with selective CSR to improve FCP and enable real‑time edits via SWR.
- Improved TTI/LCP using SSR + selective CSR to reduce response times.
TypeScript
NextJS
Upstash Redis
Pub/Sub
Zod
NextAuth
- Realtime messaging with Upstash Redis Streams and Pub/Sub; channel‑scoped queues and worker consumer.
- Reusable components and responsive UI; secured with NextAuth.
- Zod validation, Lucide icons, React Hook Form, and Hot Toast for great UX.
React + Vite
Node.js
Express.js
MongoDB
Tailwind CSS
JWT
Recharts
- Built a responsive full‑stack IMS to replace paper tracking with real‑time, role‑based management.
- Developed secure REST APIs with Express and JWT for CRUD on items, rooms, floors, categories, and users.
- Designed analytics‑driven React UI with dashboards, tables, and role‑based access using Tailwind and Recharts.
- Implemented activity logs, item transfer history, CSV export, and advanced filtering with pagination.
- Used Vite proxy and CORS for seamless front‑to‑back integration across environments.
Next.js
GitHub Actions
YAML
Azure VM
PM2
SSH
TypeScript
- Automated deploys to Azure VM via GitHub Actions with SSH key auth and CI/CD workflows.
- Managed background processes using PM2; resolved runtime issues like port conflicts.
- Hands‑on with cloud infra, pipelines, and shell scripting for reliable delivery.
NGINX
Certbot
DNS
Express.js
Azure VM
- Routed custom domain traffic to a Node.js app via NGINX reverse proxy.
- Enabled HTTPS with Certbot; maintained A/CNAME DNS on Namecheap for reliability.
- Resolved 502s and ensured high availability and performance.
Python
Pandas
Plotly
Jupyter
Git
- Explored 9,944‑row dataset to uncover KPIs: sales trends, profitability, and behavior.
- Time‑series features from order dates; interactive Plotly charts for monthly trends.
- Segment‑wise sales/profit ratios across Consumer, Corporate, Home Office.
- Reproducible notebooks following Python best practices.
NextJS
ClerkAuth & Webhooks
RHF
Uploadthing
TypeScript
Zod
Shadcn UI
- Nested comment threads with deep replies, soft‑delete recovery, and fast pagination.
- Clerk auth + webhooks for profile sync and secure, HttpOnly session cookies.
- Mobile‑first UI with accessible, reusable components.
NestJS
TypeScript
- Modular REST layer with controllers/services; dependency injection for testable business logic.
- Global ValidationPipe, class‑validator, and exception filters for robust request handling.
- Production‑ready: CORS, logging, and server‑side testing.
