Painting the Digital Canvas, Please Wait...
Projects
Case studies and portfolio projects spanning AI automation, resume tools, marketplaces, photography dashboards, and full-stack product builds.
Submitting media to stock marketplaces is slow, repetitive work — every asset needs a title, description, and tags, then a manual upload to each platform's portal. StockFlow AI automates the whole loop with local LLM and vision models, turning raw images into validated, platform-ready submissions across Shutterstock, Getty, and Adobe Stock without per-token API cost.
- Architected and developed an end-to-end AI automation pipeline that transforms raw media assets into fully validated, platform-ready submissions by orchestrating LLM-based metadata generation, vision analysis, tag enrichment, and automated uploads.
- Designed a modular, platform-agnostic service architecture (Factory + abstraction layers) enabling seamless extension to multiple marketplaces (Shutterstock, Getty, Adobe Stock), improving scalability and long-term maintainability.
- Integrated local LLM and vision models (Ollama + LLaMA) to generate high-quality titles, descriptions, and tags — reducing external API dependency and operational cost while keeping outputs deterministic and production-ready.
- Built resilient browser-automation workflows using Playwright CDP, including state detection, anti-bot timing strategies, retry logic, and failure handling for reliable execution against dynamic third-party platforms.
- Engineered a fault-tolerant pipeline with validation, retry mechanisms, and structured logging (JSON/CSV) — enabling traceability, bulk operations, and consistent compliance with platform-specific submission constraints.
Node.js
TypeScript
JavaScript
Playwright
LLM Integration
Ollama
Prompt Engineering
Data Processing
AI Automation
LangChain
Most developer portfolios are either a rigid template with no room to grow or a hosted blog you don't actually control. This one is neither — a fully owned platform where the marketing site, a custom design system, and a hand-built CMS live together, so every page, animation, and published article is something I designed, built, host, and secure end-to-end.
- Designed and built the front end in Next.js (App Router) + MUI, with a custom design system, full theming and dark mode, and motion throughout — Framer Motion page transitions and scroll-triggered animations tuned for a polished, intentional feel rather than decoration.
- Engineered a fully custom CMS on Tiptap v3 / ProseMirror — rich-text authoring with syntax-highlighted code blocks, images, tables, and a custom inline extension — backed by TanStack Query (React Query) for data fetching, caching, and optimistic updates.
- Built a structured content pipeline that emits both JSON and HTML, then renders stored HTML through DOMPurify sanitization (XSS-safe) with highlight.js post-processing — secure-by-default rendering of authored content.
- Self-hosted and hardened the full stack on a Debian VPS — PM2 process management behind a locked-down firewall, fronted by Cloudflare CDN + WAF — owning everything from the origin server to the edge rather than handing it to a managed host.
- Optimized for SEO and shareability: per-article metadata and Open Graph tags, semantic content structure, and CDN-backed delivery for fast global load times — content built to be discovered, indexed, and shared.
Next.js
App Router
MongoDB
ExpressJS
CI/CD
PM2
VPS
TypeScript
MUI
Framer Motion
TanStack Query
Tiptap V3
ProseMirror
DOMPurify
Cloudflare
Job seekers juggle three disconnected tasks — building a resume, finding relevant roles, and tailoring a cover letter to each one. Career Canvas brings them into a single full-stack workflow: a template-driven resume builder, a job-discovery feed, and AI-generated cover letters written from the live job description, so applying to a role goes from hours of busywork to a guided few minutes.
- Conceived and built a full-stack AI career platform end-to-end — resume builder, job discovery, and AI-generated cover letters — owning everything from data ingestion through UI.
- Engineered a dynamic resume builder with customizable templates and automated PDF generation via Puppeteer (headless Chrome), producing print-ready documents directly from structured user data.
- Integrated the OpenAI API to generate personalized cover letters from a job description plus the user's profile, turning a tedious manual task into a one-click draft tailored to each role.
- Built a job-discovery pipeline that scrapes and processes listings with real-time updates, feeding live role context straight into the cover-letter generator.
- Designed the backend data models and REST APIs (Node.js / Express / MongoDB) to tie resume data, scraped listings, and AI generation into one cohesive workflow.
React
Express
NodeJS
MongoDB
JavaScript
Puppeteer
OpenAI
Web Scraping
Gesture-based Music Player
- Built an experimental music player controlled entirely through mouse gestures and alternative inputs — an accessibility-first take on media controls for users who can't rely on conventional buttons.
- Designed the gesture-recognition interaction layer and alternative control patterns in React, prioritizing usability for musicians and users with motor differences.
- Integrated Cloudinary for scalable media storage and delivery.
React
Express
NodeJS
MongoDB
Cloudianry
Photography Dashboard
- Built a responsive photography dashboard (React, Express, MongoDB) with infinite scroll on the frontend and server-side pagination for efficient data handling at scale.
- Implemented JSON REST APIs for full CRUD on posts, secured with JWT authentication and encryption for safe media management.
- Integrated Cloudinary for direct image upload, storage, and on-the-fly transformation to optimize delivery quality.
ReactJS
NodeJS
Express
MongoDB
JWT
Cloudinary
Companion Mobile App for Pixeliano
- Built a cross-platform React Native companion app (Android + iOS) for content moderation and administrative CRUD on the Pixeliano platform.
- Implemented full post management — images, descriptions, tags — against the shared Express backend with JWT-secured endpoints.
React Native
Express
JWT
Mobile Development