I'm Joaquin Azcarate

My videos

My projects

Details

countable↩

Arabic numerals are so 9^th century. I needed a way to convey numbers in a more modern way: With emojis

Challenges

• SSR via Cloudflare’s Workers framework-less.
• Incorporate imperative Canvas code with React.

Link

• countable
• Source code

Tags

• #JavaScript
• #Cloudflare’s Workers
• #Punycode URL

Rough Graph↩

For when you need a graph, but don't care about the specific values.

Challenges

• Have enough flexibility to be useful, but not overwhelming.
• Incorporate imperative Canvas code with React.

Link

• Rough Graph
• Source code

Tags

• #TypeScript
• #React
• #Rough.js
• #HTML Canvas

Blog↩

My personal blog

Challenges

• Have a simple setup, to code on the go.
• Be adaptable for the range of topics I like to cover. Be there maths, programing, syntax highlighting, etc.
• Have a good discoverability and SEO rating.
• Find interesting things to write about

Link

• Blog
• Source code

Tags

• #Ruby
• #Jekyll
• #MathJax
• #Blogging

Is Todays Announcement Going To Kill Magic? .com↩

A friendly reminder to all Magic: The Gathering fans that today's announcement has not, in fact, killed the game

Challenge

Be funny

Link

• Is Todays Announcement Going To Kill Magic? .com
• Source code

Tags

• #HTML
• #Rambling

Cukbuk↩

A PWA to store recipes, share them and easily scale them.

Challenges

• Be minimal, but useful.
• Build a recipe DSL with timers, alternatives, steps, et al.

Link

• Cukbuk
• Source code

Tags

• #TypeScript
• #Svelte
• #DSL

Apples and oranges↩

A java library to “tag” object and validate a number of things when operating with them.

Challenges

• Extending JVM bytecode in runtime.
• Provide a extensible, and robust semi-lattice framework to build tags.

Link

• Source code

Tags

• #Kotlin
• #ByteBuddy
• #Joined semilattice

Tryhard↩

A TUI to provide insight in DotA's hero pick phase

Challenges

• Responsive and quick UI in a terminal environment.
• Plugin system to fetch OpenDota's information and evaluate it.
• Deployment of Haskell's binaries cross-platform.

Link

• Source code

Tags

• #Haskell
• #brick
• #req
• #OpenDota API

koncierge↩

A Kotlin library to define AB experiments given a context.

Challenges

• Writing documentation both for the code, and for the koncierge JSON-like format.
• Provide an interactive playground with multiple examples.
• Offline available.

Link

• koncierge
• Source code

Tags

• #Kotlin
• #Arrow
• #Library
• #A/B Testing
• #Gradle

Marble-OS↩

A CLI to run distributed programs in sync, used mainly as an academic tool for testing.

Challenges

• Providing a rich CLI usage and help menu.
• Bootstrapping development environment with Nix
• Parsing custom file format.

Link

• Marble-OS
• Source code

Tags

• #Haskell
• #Nix
• #attoparsec
• #transformers
• #microlens
• #CLI

password.cat↩

A whimsical app to generate passwords via a cat-keyboard-input entropy generation.

Challenges

• Make it look appealing.
• Fully comply with RFC8615 and GDPR.

Link

• password.cat
• Source code

Tags

• #HTML
• #GitLab CI

Timers↩

A minimalist timer app, with a few key features necessary for TCG tournaments.

Challenges

• Keeping a UI simple, language-independent but highly usable.
• Considering edge-cases (like pausing, or setting a custom time).
• Offline available.

Link

• Timers
• Source code

Tags

• #node
• #TypeScript
• #React
• #Service Worker
• #SPA
• #PWA
• #GitLab CI

FrasaL↩

A playful clone of well known translator (DeepL) for phrasal verbs translated literally to spanish.

Challenges

• Making it similar to DeepL.
• Translate words with diacritics and case-sensitiveness.
• Server side rendering for application's URL unfurling.

Link

• FrasaL
• Source code

Tags

• #Vue
• #Netlify
• #FaunaDB
• #SSR

Redond-it↩

A charming NPM package to round the corners of a webpage.

Challenges

• Build, deploy and publish NPM package.
• Provide a compatible dependency with CommonJS

Link

• Redond-it
• Source code

Tags

• #CommonJS
• #NPM

Yggdrasil↩

An application to share and store state in a stm-like manner.

Challenges

• Sync frontend via WebSockets
• Track and solve concurrent transactions

Link

• Yggdrasil
• Source code

Tags

• #Crystal
• #AppRun
• #TypeScript
• #WebSocket
• #Docker Compose

Hand Raiser↩

An application to queue and moderate, in real time, a discussion.

Challenges

• Ease of use in both a mobile app and a big screen
• Track and solve concurrent transactions
• Provide a rich API for OLAP

Link

• Source code

Tags

• #TypeScript
• #React
• #Event Sourcing
• #WebSocket
• #Heroku

delCanioBot↩

An amusing bot that creates images based on a trap song of an Argentinian politician.

Challenges

• Create a image transformation type that is a Monoid
• Posting to Twitter API via conduit

Link

• delCanioBot
• Source code

Tags

• #Haskell
• #hip
• #Twitter API
• #Heroku

riprisintin (/iify)↩

A satirical slack slash command to generate images based on the Mocking Khaleesi meme.

Challenge

Rendering canvas images in the Heroku environment

Link

• riprisintin (/iify)
• Source code

Tags

• #JavaScript
• #express
• #ejs
• #node-canvas
• #Slack integration
• #Vagrant

IsThisYourCard↩

A jovial twitter bot to reply to MTG tweets with the card image and text.

Challenge

Distribute the searching and Twitter's stream load

Link

• IsThisYourCard
• Source code

Tags

• #JavaScript
• #express
• #Redis
• #Microservices
• #Twitter API
• #Vagrant

cr-neural↩

An academic program a neural network with Crystal lang

Challenge

Improve performance concern on the training of the neural network.

Link

• Source code

Tags

• #Crystal
• #Neural Network

Temporatog↩

A database as a service application to store changes to arbitrary documents.

Challenges

• Track and solve concurrent transactions
• Provide an API to inspect the inner workings in order to give a tech talk.

Link

• Source code

Tags

• #Java
• #React (Spectacle)
• #Neo4J
• #Docker Compose

okGnome↩

A cheerful, native app to display gnomes as tinder matches.

Challenges

• React Native's ecosystem
• Provide a smooth UI experience, reminiscing of Tinder.

Link

• Source code

Tags

• #React Native
• #Expo

This portfolio↩

this

Challenges

• Server side rendering React and hydration.
• Making it easy to add new projects.
• Making it somewhat pretty.

Link

• This portfolio
• Source code

Tags

• #JavaScript
• #React
• #Next.js
• #Vercel
• #SSG
• #HTML 5.1