Projects

Bubbl.es

Bubbl.es is a tool meant for teaching and learning; it can illustrate the scope of a variable, the concept of shadowing, and the differences between var and its friends let and const. Built on top of telEScope, the standalone tool which I built to process the scopes information; It helped me learn a lot about AST!

Try it Bubbl.es telEScope

React Shepherd

I need to rebrand this one, sadly, since there's another JS library using this name with the same purpose... it's a lightweight, headless, in-app tutorial builder to help users understand your products. I didn't like the APIs out there and truely think this one is much more convenient.

Try it Code

useComponentSelfRegistration

Lightweight primitive to help building compound components and/or keyboard navigation.

Code Example Keyboard navigation example

useFormReducer

Lightweight hook for form validation and dependency clearing. Works with nested properties and subitems out of the box. Based on a props getter similar to react-hook-form.

Code Example

Chipzset

Chipzset is a kanban board I built with Angular to illustrate how the framework worked in my thesis. Nothing crazy, to be honest; fun to build, though. Would love extracting a reasonable API at some point and shipping it to npm since there's a lack of kanban board components for Angular.

Try it Code

Reciptory

Reciptory was an ambitious side-project. Despite the UI/UX being poor and the code quality not being quite there, I implemented some cool features:

• Inventory management
  • Scans shopping tickets to autofill it.
• Social media for recipes (Instagram like)
  • Private and public recipes and recipe books.
  • Recipes discovery: by preferences, allergies and based on the ingredients you own in your inventory.
  • Follow your friends and get their updates on your feed!
• Shopping list
  • Autofilled with the ingredients required to cook a recipe that you don't currently own in your inventory.

Try it Frontend code Backend code