Skip to content
View araldev's full-sized avatar

Highlights

  • Pro

Block or report araldev

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
araldev/README.md

👋 Hey, I'm Arturo. Also known as R2D2.


Portfolio LinkedIn Email npm


I wasn't born a developer. I was born a builder.

I studied TSAFAD, spent years in that world, and then one day I asked myself: what if I could build the tools instead of just using them?

So I learned to code. Not by following tutorials. By building. By breaking things. By understanding how the web actually works, framework by framework, layer by layer.

This is what I've built so far.


🧱 What I Build

Multi-source job aggregator with real-time dashboard and AI-powered chat filter.

FastAPI Next.js Playwright Supabase shadcn/ui

Scraping is a chess match against anti-bot systems. Monorepos force you to think about boundaries. A FastAPI backend can feel as clean as a NestJS one when you apply the same discipline. Playwright scrapers, Redis caching, LLM chat streaming, Supabase auth, i18n with next-intl, all in one monorepo.

React component library with canvas particle effects, WAI-ARIA patterns, and Tailwind CSS v4.

React TypeScript Tailwind Storybook npm

Publishing to npm is easy. Doing it with tree-shaking, dual CJS/ESM, polymorphic components, and actual accessibility is the hard part. 10 components, 2 hooks, zero-dependency canvas animations, WAI-ARIA Accordion/Select/Toggle, automatic dark mode, and a theme system based on CSS variables. Published, documented, live on Storybook.

My own portfolio built with React, Vite, CSS Modules, GSAP, and Lenis.

Vite CSS Modules GSAP 164 tests a11y

1700 lines of CSS Modules is more maintainable than a utility-first framework when you own the design. Smooth scrolling with Lenis plus GSAP timeline animations creates a feel that users notice even if they can't name it. 164 tests and 48 Playwright visual snapshots across 4 viewports is what separates a portfolio from a demo.

A full-stack learning platform built from scratch without frameworks.

hexagonal-architecture TypeScript JWT CSS 3D Turso

Architecture outlives frameworks. JWT without Redis isn't real auth. You don't need React to build a good UI, you need to understand how the browser works. CSS 3D transforms, vanilla modules, HTTP sessions, hexagonal ports and adapters. Every decision documented. Every tradeoff justified.


🛠 The Toolbox

I know this And this And also this
React · Next.js · Vite FastAPI · Node.js · Express TypeScript · JavaScript
CSS Modules · Tailwind · GSAP Playwright · Vitest · axe-core Prisma · Turso · Supabase
Hexagonal Architecture JWT · OAuth2 · Redis CI/CD · GitHub Actions
Storybook · shadcn/ui i18n · a11y · Figma Python · Java · SQL

🧠 The Philosophy

Architecture over framework. A clean domain survives any technology migration. A framework doesn't fix bad design.

Understand the layer below. Before React, understand the DOM. Before Next.js, understand HTTP. Before ORMs, understand SQL.

Build in public, document why. Every project has a README that doesn't just show what. It explains why. The tradeoffs, the dead ends, the decisions. Code is ephemeral, reasoning is what scales.

Tests are not optional. 164 unit tests. 48 visual regression tests. axe-core accessibility audits. Husky pre-commit hooks. If it's not tested, it's not done.


📬 Let's talk

I'm looking for opportunities where I can build real things, not configure boilerplates. If you need someone who understands architecture, writes tests without being asked, and cares about the quality of the output as much as the speed of delivery:

Email LinkedIn Portfolio


Built with ☕ and a stubborn need to understand how things work.

Pinned Loading

  1. v12-ui v12-ui Public

    Professional React component library & custom hooks powered by Tailwind CSS Lightweight, tree-shakable, fully typed (TypeScript) and zero-config ready.

    TypeScript

  2. araldev-portfolio araldev-portfolio Public

    Full-Stack Developer Portfolio: React, Vite, GSAP, CSS Modules, Lenis

    JavaScript

  3. english-web english-web Public

    Architecture > framework. Hexagonal TS backend, JWT dual auth, vanilla JS frontend, CSS 3D cards. Turso + Prisma + Redis.

    HTML