QueryGraph Codelabs
Software Engineering Studio

Software engineering for teams that need reliable web systems.

QueryGraph Codelabs designs and builds B2B web applications, backend APIs, and data-driven platforms for businesses that need production-ready software without unnecessary complexity.

michael.querygraph.dev
Production Ready
Strict Type Safety
Modular Systems
Services

Engineering Capabilities

Custom software development tailored to business requirements and scalable infrastructure.

Reactive Web Platforms

High-speed marketing sites, studio portals, and SSR web applications engineered with SvelteKit 5 runes and modern web standards.

SvelteKit 5TypeScriptTailwind v4
Business Web Applications

Custom dashboards, internal tools, administrative platforms, and data-dense web application suites built for operational workflows.

AngularNG-ZORRORxJS
Backend Systems & APIs

Scalable REST microservices, token authentication pipelines, and structured backend architectures engineered for low latency.

Python / FlaskJava / SpringPostgreSQL
Technical Architecture & Discovery

System design, database modeling, API specification, and technical proof-of-concept development for new products and migrations.

System DesignSchema ModelingPoC Build
Architecture

Core Technologies

Proven languages and frameworks chosen for reliability, security, and long-term maintainability.

Frontend Engines

  • SvelteKit 5 (Runes)
  • Angular
  • TypeScript
  • Tailwind CSS v4

Backend & APIs

  • Python (Flask)
  • Java (Spring)
  • Node.js

Data & CMS

  • PostgreSQL
  • MySQL
  • Sanity.io

Infrastructure

  • Vercel
  • Git / GitHub
  • CI/CD Pipelines
Case Studies

Technical Deliverables

Full-Stack Business Application
SokoCommerce Platform
Problem

Requires a decoupled commerce engine with fast catalog exploration, user authentication, and inventory management.

Architecture

Angular SPA frontend paired with a modular Flask REST API backend, JWT authentication, and structured PostgreSQL storage.

Outcome

Deployed production platform with sub-100ms API response targets and a streamlined checkout workflow.

AngularNG-ZORROFlaskPostgreSQL
Internal Web Architecture
QueryGraph Web Engine
Problem

Need for a reusable, type-safe web foundation powering studio client portals and high-speed SSR marketing interfaces.

Architecture

SvelteKit 5 SSR architecture with explicit state runes, Tailwind v4 styling, dynamic modal dialogs, and edge deployment.

Outcome

Lightweight foundation delivering sub-100ms initial page load, zero layout shift, and clean code maintainability.

SvelteKit 5TypeScriptTailwind v4
Studio Log

Engineering Journal

architecture

Migrating to SvelteKit 5 Runes & Vite 8

Eliminating legacy reactive declarations in favor of explicit $state, $derived, and $props runes for sub-50ms SSR rendering.

case-study

Designing Decoupled Brutalist Architectures

Structuring Angular enterprise dashboards alongside SvelteKit client portals with clean boundary isolation.

changelog

QueryGraph Core Intake Engine Release

Integrated global dialog intake workflows powered by Svelte 5 state runes and Tailwind v4 primitives.