Toolzap is a client-side document and image transformation app built with Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, and the Canvas API. The project focuses on browser-based tools that simulate physical document artifacts — ink bleed, rubber stamps, scanned pages, photocopies, ID layouts, redactions, and metadata-safe image exports. Most of the heavy work runs locally in the browser, which keeps user files private and avoids server-side processing for sensitive documents.
Built a full multi-tool web app with a consistent UI system and a set of reusable canvas rendering engines.
Wrote deterministic canvas rendering engines for ink, stamp, scan, paper, photocopy, redaction, and image composition, with seeded randomness for repeatable effects.
Built an ink engine with procedural paper fibers, ink starvation, edge bleed, color separation, transparent exports, and seeded output. Stamp engine supports curved text, logo placement, pressure variation, and organic ink loss.
Built a digital scan simulator with perspective distortion, uneven lighting, sensor noise, color drift, blur, CCD streaks, and paper texture overlays.
Built a Xerox / photocopy simulator with grayscale conversion, thresholding, Bayer dithering, toner bloat, scanline variation, and random toner artifacts.
Built a text-to-handwriting document generator with editable pages, ruled-paper layout, ink bleed, scan effects, multi-page handling, and PDF export.
Built secure redaction that permanently overwrites image pixels instead of placing reversible overlays, and metadata stripping by reconstructing images through a fresh canvas export.
Managed high-DPI rendering with device pixel ratio scaling, used offscreen / intermediate canvases for multi-step rendering pipelines, and worked directly with ImageData, alpha channels, blend modes, filters, procedural noise, and pixel-level transformations.
- Next.js App Router
- React 19
- TypeScript
- Tailwind CSS
- shadcn/ui
- Canvas API
- ImageData
- jsPDF
- pdf-lib
- PDF.js
- exifr
- Browser File APIs
Full-stack engineer
StashQ
Seller-first digital storefront for digital products. Full-stack work across the entire commerce surface.