Hi, I’m Brian Zavala, a passionate Computer Science student graduating in July 2026 with hands-on experience in full-stack development and AI integration. I’ve built an AI therapy platform serving over 100 users and have contributed 500+ times on GitHub, sharpening my skills in TypeScript, Next.js, and real-time systems.
I love creating scalable and maintainable software solutions tailored to business needs. Currently, I run my own software development consultancy, where I lead projects from architecture design to production deployment, always focusing on delivering high-quality and efficient products.
Skills
Language
Work Experience
Education
Qualifications
Industry Experience
A static-website for a local treat business in my area.
I designed all images/logos/assets on my own.
- Performance: Zero-JS runtime, selective hydration, <1s load times
- Type Safety: Strict TypeScript with comprehensive error checking
- Build: Terser minification, code splitting, tree shaking
- Styling: Tailwind CSS 4.1.11 with custom design system
- GSAP 3.13+ Professional: Complex infinite horizontal scrolling
- Physics Interactions: InertiaPlugin for momentum-based dragging
- Performance: GPU acceleration, intersection observers, viewport optimization
- Custom Implementation: 560-line scroll component with advanced optimizations
- Backend: Node.js/TypeScript API routes with Nodemailer
- Security: Gmail OAuth, environment-based routing
- Features: File uploads, dual email system, comprehensive validation
- Core Web Vitals: 95+ Lighthouse score through strategic bundling
- Asset Optimization: WebP/AVIF images, critical CSS inlining
- Runtime Performance: Efficient event handling, memory management
- Strict TypeScript configuration with path aliases
- Comprehensive API validation and error handling
- Component architecture with clear separation of concerns
- Advanced GSAP Implementation: Built production-ready infinite scroll with physics-based interactions
- Full-Stack Integration: Secure email API with file handling and environment management
- Performance Optimization: Sub-1s load times through advanced bundling and GPU acceleration
- Professional Workflow: Clean architecture, proper error handling, accessibility support
Semper Fi Renovations - Full-Stack Web Application
A high-performance business website showcasing advanced front-end development and full-stack capabilities.
🚀 Technical Stack
Framework: Astro 5.10.1 with Static Site Generation
Advanced Animation System:
Full-Stack Email API:
🎯 Key Technical Achievements
Custom Animation Framework:
// GPU-accelerated infinite scrolling with physics
const horizontalLoop = (items, config) => {
// Intersection observer viewport control
// Dynamic clone calculation
// Smooth hover state transitions
}
Performance Engineering:
Production Architecture:
// Advanced build configuration
{
manualChunks: { alpine: [“alpinejs”], motion: [“motion”] },
terserOptions: { compress: { drop_console: true } },
cssCodeSplit: true
}
Type-Safe Development:
🏆 Portfolio Highlights
Live: https://www.twine.net/signin
Metrics: <1s load, 95+ Lighthouse, 0 runtime JS for static content
Hire a Full Stack Developer
We have the best full stack developer experts on Twine. Hire a full stack developer in Victoria today.