Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.

John Woods

Any fool can write code that a computer can understand. Good programmers write code that humans can understand.

Martin Fowler

If you think it's simple, then you have misunderstood the problem.

Bjarne Stroustrup

Most of you are familiar with the virtues of a programmer. There are three, of course: laziness, impatience, and hubris.

Larry Wall

Intelligence is the ability to avoid doing work, yet getting the work done.

Linus Torvalds

Adding manpower to a late software project makes it later.

Brook's Law

Demos for 2021

 
Basic JavaScript Unit Testing Suite
HTML/CSS/JavaScript code for basic unit testing

 
CNY 2021 and Valentine's Day Animation
SVG Animation commemorating the coincidence of the Year of the Ox and Valentine's Day

 
ReactJS Hangman
NodeJS-created React App for Hangman

 
VueJS Easter Puzzle
VueJS Easter-themed puzzle

 
Free Myanmar
SVG/CSS Myanmar Protest Art

 
Navigational Menu
HTML and CSS multilevel navigational menu

 
JS Datepicker
JavaScript-based calendar widget for HTML forms

 
Encryptor/Decryptor
Simple encryptor wth key-based decryptor and email function.

 
The COVID-19 Dashboard
Singapore COVID-19 D3 data visualization.

 
Highcharts Column Chart
Highcharts Column Chart with dashboard selectors

 
VueJS Tile Slider Puzzle
VueJS sliding tiles game.

INFO
A collection of widgets and little programs I've compiled (and sometimes use) over the years. Some of it is obviously just for fun, and some of it can be used (and has been used) in various projects. Quite a few of them are Proofs of Concept. This is the stuff I get up to in my free time.

Please note that not all of them conform to accepted best practices. In fact, many of them don't. The key thing here is the idea behind, not so much the implementation.

I have made a point of indicating the technologies used (predominantly HTML, CSS and JavaScript) and the browsers I have tested the code on. If the code does not run on the browser indicated, check out the GitHub source; likely there is a branch within the repository that will work as advertised.
COMPLEXITY
Measures how many interconnected moving parts it took to produce this demo, and how complex these parts are.
Commercial or enterprise-level complexity.
Multiple moving parts, moderate complexity and properly abstracted.
Multiple moving parts with moderate complexity.
Multiple simple moving parts.
Student or hobbyist level. Minimal moving parts.
APPLICABILITY
Application in the real world.
Ubiquitious usage.
Widespread usage.
Useful functionality for general use cases.
Useful functionality for narrow use cases.
Theoretical only, or very simple functionality.