Andrico Karoulla

Anima is a platform that turns Figma designs into code that matches a codebase's conventions. Anima offers Figma extensions, VSCode extensions, web apps, and more. While at Anima I worked across the stack, including their frontend platforms, design system, and the design-to-code algorithm.

Ask me about how I created a rule-based algorithm to detect semantic HTML from designs.

Component Odyssey is a premium web component course I built and recorded. Component Odyssey teaches developers how to build and publish a component library that works in any framework.

Ask me about how I project managed the Component Odyssey platform.

At HealthHero I was the lead frontend developer in charge of rewriting the booking management tool for our internal call center. I worked closely with the call center team to get continuous feedback through user calls, prototypes, and shadowing. I also ran the frontend guild which held bi-weekly sessions and covered topics including frontend design, web accessibility, and frontend testing. Sessions would be hosted by team members sharing their expertise and external experts.

Ask me about the accessibility workshops I ran for the frontend guild.

I was frustrated with how fragmented the free education around Web Components is so I built Learn WCs. Learn WCs is structured and curated roadmap that pulls in the best free resources to guide developers learning web components.

Ask me about how I improved the site for screen reader users.

CSS Triggers is a rewrite of the original, and now-defunct, CSS Triggers website. This site describes which parts of the browser's rendering pipeline runs when a given CSS property changes. It's a very useful resource for writing performant CSS.

Ask me about how I created an animation queue to prevent animations from running simultaneously

Andricos2000 is a passion project where I built a web component library inspired by the design of the Windows 2000 operating system. I did it as both a homage to early interface design, and to become more familiar with building and publishing a component library. If you play around, you might spot a few easter eggs...

Ask me about how I created the workflow for building and publishing the component library

Cali Skills is a full-stack web application designed to track a practitioner’s bodyweight fitness journey. It uses video game-style skill trees to make learning skills engaging and satisfying. I also built a sister mobile application, Handstand Journey, that focuses on learning the Handstand. Handstand Journey has over 100,000 downloads.

Ask me about how I migrated user’s progress from the browser’s local storage to a Postgres database