- full-stack React - Express application for visualizing weather data on airports all over the world. available in browsers, as a mobile app and an embeddable widget
- the app won a prize - the Aviation et Pilote Trophies 2023, which is given out by a leading French aviation magazine that annually selects outstanding products and applications
- I started writing the app off scratch, which in the course of 2 years developed into user ready app deployed in production. a pilot or an airport manager can get sign up to save or edit their airport’s data
- I also developed its graphical look. difficult graphical constraints that limit specific colors to follow their respectable flight rules made the rest of the graphical style minimalistic in nature
- selection of technologies used: React.js, Typescript, Redux Toolkit, Emotion CSS, mui, Express.js, PostgreSQL, Sequelize, zod, leaflet
- svg vizualization of the direction and speed of wind to a runway, one part of the airportweather.com app
- visualization reads runways information and calculates their right projection for every airport in the world. users can select any runway an airport has.
- visualization respects the relative length proportion of runways, 4 highlight colors respect the current applicable flight rule
- wind direction is updated every half a minute by querying weather backend and gets projected into the runway schema, wind speed gets divided into its constitutional headwind and crosswind vector components
- technologies used: svg with React state hook, polling weather backend with Redux Toolkit
- ever wondered how React works behind the scenes? why its core is not a ui library at all? and why it is so complicated to force a webpage to change?
- work in progress React.js - Live frontend app that visualizes inner workings of a browser constructing an interactive application, practically rebuilding React’s synchronous parts of its fiber reconciler runtime in the later sections
- don’t be put off by the mess of lines in the picture - every line has its meaning and visualizes a particular part of browser’s internals that the explainer gradually goes through
- the app uses Live effect runtime, inspired by React, and its rewindable generator-like abilities to pause, animate and visualize parts of the thread which gradually builts up an interactive site in the browser’s JS memory and DOM. currently only mount phase is on
- technologies used: React.js, Live, Typescript, motion, declarative principles of memoized one-way dataflow continuations
- frontend statically generated Next.js - React.js application with audio player feature
- curve like elements of the graphical design follows podcast’s holistic systems topic
- technologies used: Next.js with SSG on the server, React.js, React context, Markdown
- this project has a long history - first having been involved in a group theorizing the sustainable business model theme and its viability in the current economic context
- I later helped the group use a framework of game to find the right means of collaboratively involve business leaders to get acquainted with the topic of sustainability. the game is still being developed under doughnut czechia initiative, check out their website and sign up for a test drive of the game
- used design thinking methodologies of research analysis and partially structured collaborative synthesis workshops, goal definition, and mutual insights sharing
- visual explanation of the process of git commands - git init, git add, git commit and git checkout
- technologies used: React.js, Redux, d3.js in SSG Next.js
|+|+| = ?
The whole is more
than the sum of its parts
analysis
Research
expressing insights
- explainers
- visualizations
synthesis
Design
& dev
creating organically,
so life can meet life
- software development
- software design
- product design
- service design
- stategic / concept design
- organizational structures
- architecture
creating connections
Holistic
systems
synergy
environments
balanced
products
people
I’ve graduated from an architecture design-technical school. It taught me to look at things from a broad perspective while seeing important details. Appreciating design and creative process while appreciating technical aspects. Creating from just an idea, nothing, through concept, analysis-through-synthesis method and prototyping some physical reality.
The principle I care about in my work is creating balanced environments. Seeing the whole, the context, and not just fragmented silos, and digging deep into the core meanings, to understand them. I love gaining and visualizing insights, learn how stuff works and ask lots of questions. I love connecting diverse things and people together. I’m insatiably curious.
In 2019 I was asked to run a tiny 3D-graphics archviz business and did that for almost 2 years. I learned that people are the core elements that make or break a business. The environments and context we work in have tremendous impact on the way we work, which we usually don’t pay much of an attention to.
After I finished running the business I took up a sabbatical and advanced my software-development skills with the Full Stack Open course.
I spent a year with the design agency House of Řezáč, where I tackled high level strategy design projects, ux, applied my design thinking skills and sharpened my product development skills.
In 2022 I started off the full-stack application airportweather.com, both in graphical design and in software development. The app visualizes airport weather data that are custom built by the Dutch weather nowcasting company Meandair BV. In almost 2 years me and my later joined up colleague built up the app into a user ready product. In 2024 the app won the Aviation et Pilote Trophies award, which is given out by a leading French aviation magazine that selects innovative products and applications. The app is now used by thousands of pilots and airport managers and growing.
Recently I’ve been a part of the design team that is bringing up a game teaching people and organizations sustainable business model practices. Sign up for a test drive to help the game get better!
Let me know about your design or software project and we might strike something up together.
