Diego Caponera moonwave99

Hello!

My name is Diego, I am a full-stack software engineer and educator. Here you can find a sample of my personal projects:

Music UI - a collection of music visualisation tools for the web, in pure JavaScript or for React
test-fs - a tiny filesystem helper test library that creates actual files
waffel - static site generation done tasty
goffre - static site generation done tastier
readme.com - From README.md to index.html in one touch, ready to be published online

Some curated material:

Keyboard shortcut demo - learn to type like a pro!
Keyboard practice playground - try the shortcuts to rearrange song lyrics
Sync vs Async task visualizer - demo of serial vs. parallel task execution
JSON viewer - learn how to access nested JSON structures by clicking on the corresponding key
cURL is fun! - command the app from your terminal via cURL
Server List / Detail / Search example - mamma mia!
JavaScript string methods playground - see how they behave
CSS Flexbox Example - start with big colourful boxes to clearly see the outline of the document

Responsive Grid - an adaptive grid, fully keyboard navigable
Memory Game - play Memory in your browser!
Multi-column navigable layout - proof of concept for a power-user-friendly interface
Packing List with Edit Mode - see how to handle more complex state cases
Advanced Search Filters - pipe multiple filters over a set of data to display just what you need
Arrange Tasks in status columns - groupBy made visual and editable
Display Sport Stats from given data - it works exactly like you think
Accessible styled form - little tweaks to defaults go a long way
Multiple Selection + localStorage - a common UI scenario explained