Zephry is a full-stack cloud developer, dedicated to building browser-based web apps. On the front-end we concentrate on multi-page web apps (MPA) built by hand with HTML5, ES6 and CSS3, or single-page apps (SPA) using React.js. For visualization, make heavy use of the excellent d3.js library.

On the backend we deploy two main stacks:

  • Linux, Nginx, Golang & Mysql as REST services for JAM-stack applications.
  • Windows, IIS, C# & Sql Server for traditional server-side rendering using MVC.

This site is an example of a static JAM-stack multi-page frontend and a decoupled Golang REST service running on Linux, NginX and MySql.

A major drawcard of any site is its graphical content. Just reading reams of text (like this!) is a huge put-off. And not any graphics will do. One can stomach only so many emojis before subconsciously discarding them. The same goes for photos of stuff one has no interest in. But presenting your dry information in big, colorful, transforming visuals is something else entirely! Zephry uses ES6 and D3.js to impressive effect. Have a look at our take on scourges (read: COVID-19) as impressive big-data visualizations.

Map Topography is simply a specialized area of data visualization, concerned specifically with geographic features in a standard coordinate space. The map of the world, commonly portrayed in modern websites, is a typical example. This kind of visualization should not be confused with raster images of maps (gif, png and jpg files). Instead, they are typically rendered as svg or canvas DOM components, and as such can be styled and manipulated in the same way any DOM element can. Learn how to paint an interactive map of South Africa here.

This site is what is known as a JAM-Stack site. Like plate-cakes, with syrup between them... Who knows why tech things get weird names? Anyhow, it basically means that the site is a "static" one, entirely independent of a home server to feed it content. It gets its content from a foreign source (or sources) and renders its pages on the fly. It uses (J)avascript, to fetch content from an (A)pi and render it with (M)arkup. Get it? (J)(A)(M)? Nudge-nudge... The API in question feeds the site with JSON formatted data. See the raw feed here.