Technologies
The tools and frameworks behind every project — each backed by real-world production experience across shipped case studies.
Frontend
React 19
Component-driven UI library powering every web project in the portfolio. Used with server components and hooks-first patterns for fast, accessible interfaces.
TanStack Start
Full-stack React framework with type-safe routing, server functions, and SSR. The foundation for Chronomation, The Builder Coil, and Shipping API Dojo.
TanStack Router
Type-safe client-side routing with file-based route generation, loaders, and search params. Provides end-to-end type safety from URL to component.
Used in
Next.js
Production-grade React framework with edge rendering, image optimization, and i18n support. Used for client projects requiring maximum SEO performance.
Used in
TypeScript
Strict TypeScript across all projects — from route params and database schemas to API contracts. Eliminates entire classes of runtime errors.
Tailwind CSS
Utility-first CSS framework for responsive, mobile-first designs. Paired with design tokens for consistent theming across projects.
shadcn/ui
Accessible, composable component library built on Radix primitives and Tailwind. Provides a consistent design system without sacrificing flexibility.
Backend
Node.js
Server runtime for APIs, game backends, and server functions. Powers real-time systems, webhook processors, and background jobs.
Used in
PostgreSQL (Neon)
Serverless Postgres via Neon for multi-tenant data isolation, ledger accounting, and full audit trails. Row-level security and branching for safe migrations.
Used in
Drizzle ORM
Type-safe SQL toolkit that generates queries at build time. Provides zero-overhead database access with full TypeScript inference.
Used in
Upstash Redis
Serverless Redis for distributed locks, anti-double-spend guards, and rate limiting in high-concurrency payment flows.
Used in
Resend
Modern email API for transactional emails and newsletters. Handles subscription management, delivery tracking, and React-based email templates.
Used in
Deployment & Infrastructure
Vercel
Edge-first deployment platform with automatic previews, analytics, and sub-100ms TTFB. The default hosting target for all TanStack Start projects.
Edge Runtime
Lightweight V8-based runtime for middleware, i18n detection, and geo-routing at the CDN edge. Minimizes latency for global visitors.
Used in
BankID
Swedish electronic identification for legally binding digital signatures. Integrated via official BankID infrastructure for document signing workflows.
Used in
Web3 / Arbitrum L2
On-chain purchase flows, wallet linking, and cross-chain state management via Abstract Global Wallet on Arbitrum L2.
Used in
Tools & Practices
SEO & Web Performance
End-to-end SEO strategy including structured data, Core Web Vitals optimization, sitemap generation, and mobile-first performance tuning.
AI / LLM Integration
AI-powered content generation, automated workflows, and LLM-assisted development tooling integrated into production systems.
Used in
Systems Design
Architecture planning for multi-tenant systems, distributed ledgers, cross-chain state, and event-driven pipelines.
Agile / Scrum
Iterative delivery with sprint planning, retrospectives, and cross-functional team coordination across distributed teams.
Used in
Game Development
APIs
Supported Unity integration, focusing on API development for Blockchain and Database connectivity rather than direct game logic implementation.
Used in
Discord.js
Bot framework for community management, social games, and automated moderation across a 2.5k+ member Discord server.
Used in
Game Design
Gameplay leadership and design direction for multiplayer games. Served as Gameplay Lead on Skyscraper MMO deckbattler and supported game design & testing for Blightfell Web3 strategy autobattler.
Used in
See These Technologies in Action
Every technology listed here is demonstrated in a real, shipped project.