Hello, I'm Alfred.
About me
Frontend development found me by accident, but it turned out to be this perfect intersection of visual design and technical problem-solving. Plus, I get to work with some genuinely brilliant people, which never gets old.
As a Fullstack Developer, I've found my sweet spot working on Design Systems in collaborative environments. There's something deeply satisfying about transforming messy requirements into clean, intuitive interfaces with React and Angular. Those moments when I nail that perfect SCSS solution that actually works across all browsers? Pure gold. Yes, even in *that* browser I pretend doesn't exist.
When I'm not buried in web code, you'll find me experimenting with Unity game projects. What started as a personal hobby somehow evolved into leading Unity implementation across departments. I love building little tech communities around tools I'm passionate about—whether it's Unity or ThreeJS—where I can share debugging marathons and celebrate when that interactive scene finally works perfectly.
What I'm really good at
- Building design systems that teams actually want to use
- Frontend development (React enthusiast, Angular when needed)
- Component libraries that make developers smile
- Taming microfrontend architectures
- 3D visualization (Unity is my jam, ThreeJS when the web demands it)
Tools of the trade
Frontend Development
Tools & Platforms
Design Systems
Game Development
Projects that made me excited to code
Design Systems
I've built design systems from scratch at a couple of fintech companies, creating that shared language between designers and developers. The magic happens when other teams start using what I've built and you see the lightbulb moment—suddenly their workflow is so much smoother. Component libraries, design tokens, the whole architecture—it's like solving a really satisfying puzzle.
3D Visualization
I worked with visualization specialists at a 3D firm to bring Unity into their client workflow. Led some pretty intense development sprints and ended up setting up informal tech communities where knowledge sharing became second nature. There's something special about watching non-technical folks pick up shader concepts and start talking the lingo.
Architecture
As a tech lead, I've wrestled with microfrontend architectures on AWS and figured out cross-platform strategies using Angular and Electron. I love the mentoring aspect—helping junior developers level up while keeping systems from collapsing under their own ambitious weight. It's that sweet spot between pushing boundaries and "please don't break production."
Projects
A showcase of projects that solve real problems and explore new possibilities. From full-stack applications to experimental prototypes, each project represents a journey of learning, building, and refining ideas into working solutions.
These projects span web development, mobile applications, and design systems— demonstrating how thoughtful engineering and creative problem-solving come together to create meaningful digital experiences.
Experiments
Creative explorations, prototypes, and experimental projects pushing the boundaries of web technology.
Playground
This is where I showcase the foundational elements that make design systems actually work. From color tokens that adapt across themes to typography scales that maintain hierarchy, these are the building blocks that turn chaotic interfaces into cohesive experiences.
Each piece demonstrates how thoughtful design decisions become reusable systems—the kind of stuff that makes designers and developers high-five when everything just clicks together perfectly across different components and contexts.
Design Systems
The building blocks of consistent user experiences - from color tokens and typography scales to responsive grid systems and reusable components.
Completed
Basic 12-Column Layout
Mixed Column Sizes
Responsive Behavior (resize window)
Column Offsets
Responsive Auto-Fit
Responsive Grid System
A 12-column grid that actually works on every device. No more wrestling with broken layouts or weird spacing issues.
Completed
Headline Billboard
Used for hero sections and major page headers
Headline Hero
Primary page titles and section headers
Headline Section
Main section headings
Headline Subsection
Large subsection headings
Headline Group
Standard subsection headings
Headline Block
Block-level headings
Headline Minor
Minor headings and labels
Text Lead
Introduction paragraphs and important body text
Text Body
Standard body text for most content
Text Blockquote
Quoted content and emphasis
Text Capitalized
Uppercase labels and tags
Text Small
Secondary information and captions
Text Tiny
Fine print and minimal text
Text Code
Code blocks and technical content
Text Code Small
Smaller code snippets
Inline code within text
Typography Scale System
A comprehensive typography system with semantic text styles and headline hierarchy that adapts beautifully across all device sizes.
Completed
Let's chat
Always up for a good conversation about code, design systems, or that time you spent six hours debugging something that turned out to be a missing semicolon.
Whether you want to collaborate on something cool, need help with a tricky frontend problem, or just want to chat about the latest developments in the React ecosystem, I'm always excited to connect with fellow developers and designers. I'm particularly interested in hearing about design system challenges—there's always something new to learn from how different teams tackle component architecture.
Drop me a line if you're working on something interesting, especially if it involves Unity integration, microfrontends, or those satisfying moments when you finally get that CSS animation to work perfectly across all browsers. I love talking shop about development workflows, team collaboration, and finding that sweet spot between innovation and maintainable code.
Get in touch
alfredobarrosrodriguez@gmail.com
Best for project discussions, collaboration ideas, or detailed technical questions.
Find me around the web
X
Follow me for quick updates, tech thoughts, and the occasional meme about debugging sessions that went way too long.
Visit X profile
Connect with me professionally - I promise my posts are more interesting than "Excited to announce..."
Connect on LinkedIn
GitHub
Check out my code repos, contribute to projects, or just judge my commit messages (they get weird after 2am).
View GitHub repos
Working on something exciting? Building a design system? Wrestling with a particularly stubborn component? I'd love to hear about it and see if there's a way we can collaborate or help each other out.