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
- Catalog-heavy responsive layouts with consistent visual rhythm
- Information architecture built around category browsing and per-product specs
- Reusable component composition for ongoing content updates
- SSR + prerendering on Express, with per-page SEO and schema.org Product JSON-LD
- Bilingual Georgian/English UI with a runtime language toggle
- 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
ShelloAll work