Skip to content
View dineeek's full-sized avatar
🔥
🔥

Block or report dineeek

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
dineeek/README.md
Dino Kliček, frontend engineer

Frontend engineer based in Croatia. I ship small tools: Angular form controls, browser extensions, an IDE plugin, watch faces.

Angular and TypeScript most days. Web scraping in my spare time, which is where the power-outage extension came from.

LinkedIn · Email · npm · JetBrains Marketplace

Things I've shipped

Scaffolder preview dialog Angular/Nx Scaffolder   JetBrains Marketplace

IntelliJ and WebStorm plugin that scaffolds Angular and Nx libraries with standalone components, inject() and signalStore already wired. Written in Kotlin.
Numeric range form field ngx-libs-workspace   Live playground

Five reactive Angular form controls built on Signal Forms, themable with CSS custom properties, free of Material, CDK and ControlValueAccessor. Packages listed below.
Outage list in the extension popup hep-bez-struje   Chrome Web Store

Chrome extension that shows which areas of Croatia are without power, scraped from the HEP site. React and TypeScript.
Countdown panel on a page najbrzi-prst   Release

Chrome extension that clicks a chosen button at an exact server-synced second. Made for Croatian public calls where funds go by order of receipt.

npm packages

Package What it does Downloads
ngx-numeric-range-form-field Two number inputs, one value, with validators for order, bounds, completeness and span. npm
ngx-pass-code OTP and pass-code input, one box per character, paste anywhere. npm
ngx-phone-form-field Country picker with flags plus national number, stored as one E.164 string. npm
ngx-time-range-form-field Two time inputs, one value, same validator set as the numeric range. npm
ngx-overflow-tooltip Headless directive that exposes an isTruncated signal when an element's text is ellipsized. npm
crnk-filtering Zero-dependency builder for CRNK and JSON:API filter, sort and pagination query strings. Works with any HTTP client. npm

What I'm working on

Maintaining ngx-libs-workspace, keeping the five controls current with Angular Signal Forms.
Building Four Garmin Connect IQ watch faces in Monkey C: Noir Aurum, Azimuth, Console and Croata. Packaged, store listings next.

Noir Aurum Azimuth Console Croata
Exploring Zoneless Angular, and where AI-assisted development saves time versus where a generator like the scaffolder does it cheaper.

Stack

Angular, TypeScript, Nx, NgRx signals, RxJS, Jest, Playwright. Kotlin for the IDE plugin, Monkey C for the watch faces.

Also comfortable on the Java/Quarkus side: SQL, PDF and email templating, Helm and GitOps config.

Contribution snake

Pinned Loading

  1. ngx-libs-workspace ngx-libs-workspace Public

    Angular npmjs libs workspace

    TypeScript 5 3

  2. ng-nx-scaffolder ng-nx-scaffolder Public

    IntelliJ/WebStorm plugin for Angular/Nx code generation

    Kotlin

  3. hep-bez-struje hep-bez-struje Public

    Unofficial HEP Chrome extension for checking areas without electricity. Web scrapping, TypeScript & React.

    TypeScript 2

  4. crnk-filtering crnk-filtering Public

    NPM package to generate CRNK filter strings

    TypeScript 1

  5. ngx-numeric-range-form-field ngx-numeric-range-form-field Public

    Angular Material UI numeric range input form field. It is based on control value accessor.

    TypeScript 4 3

  6. ngx-google-translate-ui ngx-google-translate-ui Public

    Angular Material UI translation library based on Google Cloud Translation API.

    TypeScript 1 3