|
|
I build production-grade web applications where design precision meets engineering discipline. My work lives at the intersection of clean interfaces, typed codebases, and products that actually ship.
|
|
Shipped Products Real platforms deployed to production — not tutorial clones or unfinished demos. Full ownership from design to deployment.
End-to-end: Figma, React, Next.js, Vercel. |
Engineering Focus Clean architecture, typed codebases, and performance as a core design constraint — not an afterthought.
Readable, maintainable, scalable code. |
Design Discipline Figma-to-code workflows, design systems, spacing grids, and motion used with intent.
Every pixel follows the same system. |
2 production projects built and maintained independently. |
Java, JavaScript, TypeScript, C++, C#, HTML, CSS and growing. |
React, Next.js, Tailwind CSS, Node.js, Git, Figma, Vercel. |
Design, architect, build, deploy, and iterate in production. |
const austin: Developer = {
name: "Austin Carranza",
handle: "YAustinXYZ",
location: "Costa Rica",
education: "Software Engineering — Universidad Tecnica Nacional",
role: "Frontend Developer",
coreStack: {
languages: ["JavaScript", "TypeScript", "Java", "C++", "C#", "HTML", "CSS"],
frontend: ["React", "Next.js", "Tailwind CSS", "Framer Motion"],
backend: ["Node.js", "REST APIs", "Authentication flows"],
tools: ["Git", "GitHub", "Figma", "VS Code", "Vercel", "Stripe"],
academic: ["Java", "C++", "C#", "Data Structures", "OOP"],
},
shipped: [
"Teclia Academia — Piano learning platform (React, Next.js, TypeScript)",
"Ding Payments — NFC + USDC Stellar (JavaScript, Node.js)",
],
principles: [
"Clarity over cleverness — one screen, one intent",
"Performance is part of the design — 60fps or nothing",
"Ship real products, iterate in production",
"Consistency through design systems and typed code",
],
currently: {
building: ["Teclia Academia v2", "Ding Payments NFC flow"],
learning: ["Stripe integrations", "Advanced TypeScript", "System design"],
},
};