Professional profile

A web developer and problem solver.

Building React/Node.js architectures that are maintainable, evolvable, reusable, testable, scalable, secure, performant, cloud native, integrated, fault tolerant, accessible, SEO-friendly, user-friendly, pixel perfect, mobile-friendly, cross-browser, cross-platform, and fit for purpose.

Building web applications and platforms enabling unique user experiences using TypeScript, React, and other technologies across a number of projects and products.

Writing quality code following software engineering best practices.

TypeScript, React, Node.js, Next.js, Single-page applications, GraphQL, CSS modules

Microsoft Azure, Azure Functions, Cosmos DB, Azure DevOps, Azure Pipelines

Docker, Kubernetes, Helm

Functional programming

Framer, InVision

IoT

A member of self-organising and cross-functional teams involved in designing and developing web applications and other digital products and working within the Scrum and Kanban frameworks.

Focusing on React/Redux front ends, Node.js back ends, build pipelines, and cloud deployments. Designing and developing integrations with third-party services.

Following software engineering best practices (maintainability, reusability, testability, scalability, etc.) with web security, performance, accessibility, and SEO in mind.

JavaScript, TypeScript, ES6, ESNext, React, Redux, React Hooks, Vue.js, Single-page applications, Node.js, Express, Server-side rendering

CSS, PostCSS, JSS/CSS-in-JS, Atomic Design

Module bundlers, Webpack, Gulp

AWS, Amazon Cognito, Serverless, Google Cloud, CI/CD, Docker, Jenkins, BitBucket, GitHub

Test-driven development, Unit testing

SEO, Schema.org, Web accessibility, Cross-browser testing

Google Analytics, Tag Manager, Hotjar

Scrum, Kanban, Dual-track agile, Design sprints, Prototyping, JIRA, Confluence

Squarespace, Shopify

Implementing interactive UI components for the web.

Involved in developing websites and responsive email templates for key clients.

jQuery, Bootstrap, SASS

Angular.js, Client-side routing

Gulp, Grunt

Atomic design libraries

Marketo marketing platform

Trello

Distributed and mobile systems: RMI, JSP, EJB, JMS with Java EE

Network Security: CCNA Security

Worked part-time during my final semester

Diploma with honours

Co-authored scientific articles published in peer reviewed journals and available on Springer Link, Google Scholar (https://scholar.google.com/citations?user=X_3vcToAAAAJ)

2020–Present

Ask me anything (https://www.antvaset.com/)

A question answering engine based on an RDF knowledge base and implemented as an omnibox supporting predictive typing and autocompletion.

RDF, Semantic web, Schema.org ontology, Triplestores

Autocompletion, predictive typing

React, TypeScript, Node.js, Apollo GraphQL

Google Cloud, Server-side rendering

2020–Present

Eckher Insights (https://www.eckher.com/articles)

A place where I often write about semantic and graph technologies, machine learning, and software engineering, e.g.:

• A technical introduction to OpenAI's GPT-3 language model (https://www.eckher.com/c/21gxh1_g4j)
• Amazon EC2 Mac instances: Provisioning macOS compute environments in the AWS cloud (https://www.eckher.com/c/21gwlpr3sn)
• What does a knowledge engineer do? (https://www.eckher.com/c/21gw3f_x42)
• Towards more linked lexicographical data: Lexemes on Wikidata (https://www.eckher.com/c/21gk_lyh3w)
• Linked data for the enterprise: Focus on Bayer's corporate asset register (https://www.eckher.com/c/21gmt1gz4n)
• Document understanding: Modern techniques and real-world applications (https://www.eckher.com/c/21gjx8nmnb)
• npm exec: A new way to run commands from npm packages (https://www.eckher.com/c/21gvqjs4vg)

2019–Present

Parametric Type Foundry (https://www.parametricfonts.com)

A directory of parametric fonts that allows the user to preview the generated fonts and add them to their sites using CSS.

Typography, Web fonts, Type design

FontForge, Python

SendGrid

2020–Present

Haecht (https://www.haecht.com/)

A language learning app that lets the user listen to bilingual playlists and acquire new vocabulary.

Web Audio API, reCAPTCHA

TypeScript, Node.js, Apollo GraphQL

Google Cloud, Server-side rendering

2019–Present

My Sequences (https://www.mysequences.com)

A digital repository for personal genetic information made to provide users with fresh insights from their DNA.

Authentication, User data management

Bioinformatics, Sequence analysis

2017–Present

Cofactor (https://cofactor.io)

A multilingual structured data platform that serves as the foundation of the Semantic Web and Linked Data.

DigitalOcean, DigitalOcean Kubernetes

Google App Engine, Kubernetes Engine, Firebase, Cloud Functions, Genomics

Amazon SageMaker, Amazon Polly, RDS, Amazon Mechanical Turk

User accounts and subscriptions, Processing online payments with Stripe

Structured data, Schema.org

Accelerated Mobile Pages, Sitemaps, SEO, Social marketing

2019–Present

Phonetically (https://www.phonetically.ai)

A neural grapheme-to-phoneme model trained to transcribe English words into IPA pronunciations.

Machine learning, Tensorflow, Recurrent neural networks

Python

Google Kubernetes Engine

2019–Present

Te Reo Maps (https://www.tereomaps.com)

An interactive mapping service in which all labels appear in te reo Māori.

Google Cloud Storage

Atlaskit

2019–Present

Transcript Maps (https://www.transcriptmaps.com)

An interactive mapping service that renders pronunciations of the names of countries directly on the map.

Mapbox GL JS, Mapbox rich text styles

Mapnik, OpenStreetMap

2016–Present

Ligand (https://antvaset.github.io/ligand-website/)

React library for building interactive chemical diagrams.

2D web graphics with Canvas and SVG

UMD modules, Rollup.js

Touch-based UIs

Button to nowhere, Lean analytics

2019–Present

What is my Analytics ID? (https://www.whatismyanalyticsid.com)

A tool that helps users find their Google Analytics tracking IDs so that they can install Analytics on their sites correctly.

OAuth 2.0, Google Sign-In, gapi

Google Analytics Management API

Brand and sensitive scope verification for apps that access Google user data.

2019–Present

Aucklander (https://www.aucklander.org)

An interactive guide to pronouncing Auckland street names. Aucklander performs automated matching of NZ Post data to Google Knowledge Graph entities and elegantly renders street boundaries on the map.

Google Maps API, Google Knowledge Graph

Google Cloud Run

2019–Present

Sequence logo (https://github.com/cofactor-io/sequence-logo-data-studio-visualization)

A custom visualization for Google Data Studio that renders sequence logo diagrams of protein domains. The demo report (https://datastudio.google.com/open/1aOs-XLq6cCHN2l0FPjyzcQJFxxTCXx2t) uses this visualization to show the primary structure of three domains and is featured in the Data Studio Report Gallery (https://datastudio.google.com/gallery?category=community)—the official showcase for Data Studio users' best work. The visualization uses my custom connector (https://github.com/cofactor-io/pfam-msa-data-studio-connector) that fetches sequence alignment data from Pfam.

Custom connectors and visualizations for Google Data Studio

Google Apps Script

2D web graphics with D3.js

Biological sequence analysis