Grant Pedersen · New York

Frontend Engineering

React, TypeScript, and browser-native processing

I built the application with React, TypeScript, and Vite. Tool routes load on demand, and processing runs locally.

Architecture

A typed registry supplies tool names, categories, routes, and descriptions. Shared components provide navigation, input controls, guidance, and metadata; individual tools contain their processing logic.

Browser Capabilities

Native browser APIs and installed parsers handle image conversion, hashing, SVG optimization, and code formatting. Motion animates page entry and navigation menus while honoring reduced-motion preferences.

Quality & Iteration

The September release passed 45 automated tests, including regressions for uploaded font names and the HTML minifier's WebAssembly initialization. I also checked all 45 tools at phone, tablet, and desktop widths and documented follow-up work for enlarged-text layouts and tool edge cases.

Focus areas

React
TypeScript
Vite
Testing