Skip to main content
Tomasz Skwarek web developer
Tomasz Skwarek
web developer
About me
ReactFrontendBackendWeb AppsWebsitesE-commerceGames
(Opens in new tab) (Opens in new tab)
Tomasz Skwarek web developer

Tomasz Skwarek

web developer

About me
ReactFrontendBackendWeb AppsWebsitesE-commerceGames
(Opens in new tab) (Opens in new tab)

Five Elements Table

(Opens in new tab)

2020 · JavaScript, Vite, PWA (Workbox)

A small but very practical web app used as a “quick cheat sheet” to look up food products mapped to the Five Elements rules in Traditional Chinese Medicine. It’s fast, requires no accounts and no backend, and can be installed on a phone like a regular app.

  • Frictionless search: fast filtering with case-insensitive and Polish diacritics-insensitive matching + highlighted hits
  • Offline + installable: a PWA with offline mode – works without internet
  • Easy to share and maintain: fully static app (zero backend), simple hosting and low operational overhead
  • Non-disruptive updates: detects a new version and shows a clear one-click update prompt
  • PL/EN variants: separate language builds (Polish and English) ready to be deployed under separate domains
  • Accessibility (a11y): skip link to search, sensible labels/ARIA, visible keyboard focus styles, aria-live announcements
  • CTA to services and contact: built-in links routing users to an offer page and a contact form (turning usage into inquiries)
Five Elements Table
FrontendWeb Apps