<link rel="stylesheet" href="/fonts/devicon/devicon.css" data-beasties-skip>

HeatFlow

Heating-Element Catalog Website

Role
Solo developer — frontend, SSR & SEO
Year
2024
Status
Live
Stack
Angular 20 · Angular SSR · Express · TypeScript · SCSS
Pages shipped
5
Products
309
Languages
KA / EN

Overview

HeatFlow (Tenebi) is a bilingual Georgian/English catalog site for a tubular heating-element shop, covering 309 products across nine categories from oven and toaster elements to industrial and water-heater elements. Built in Angular with SSR and prerendering, it gives each product a detail page with voltage, wattage and dimension specs, category-tab browsing, and direct inquiry by phone, email, Viber or Facebook. Originally shipped on Angular 17 in 2024 and later migrated to Angular 20 with signals, OnPush components and lazy-loaded routes.

Problem

A heating-element shop needed a bilingual catalog where customers could find a part by category, check its specs and contact the store directly.

What I built

  1. Catalog-heavy responsive layouts with consistent visual rhythm
  2. Information architecture built around category browsing and per-product specs
  3. Reusable component composition for ongoing content updates
  4. SSR + prerendering on Express, with per-page SEO and schema.org Product JSON-LD
  5. Bilingual Georgian/English UI with a runtime language toggle
  6. Incremental migration from Angular 17 to 20: lazy routes, control flow, signals and OnPush

Key decisions

Pages shipped
5
Products
309
Languages
KA / EN
Status
Live

Stack

Angular 20 · Angular SSR · Express · TypeScript · SCSS

Outcome

309 products in 9 categories · Lighthouse 97–100 performance, 100 SEO. Live · 2024. Live at tns-khaki.vercel.app.

Plates

04 screens

Next case — 01 / 10

Shello Full-Stack E-Commerce Platform · 2026 All work