Jasper Rubis
Jasper Rubis
Architecting high-performance digital systems for 6+ years.
Core Expertise
Recent Tech
Direct Reach
Engineering
Excellence.
End-to-end Fullstack Developer specializing in architecting scalable backend systems and seamless frontend interfaces. I bridge the gap between complex infrastructure and human-centric design.
Selected work
Haven Windows
Modern, high-performance website for Haven Windows & Doors NZ — high-end editorial design with focus on performance.
Jasmine AI Beta
A fully functional AI companion with multi-personality switching, real-time conversation memory, and emotional context detection.
Dandelion Chocolate
E-commerce rebuild for a San Francisco artisan chocolate brand — storytelling-led UX, performance optimization, and mobile conversion uplift.
Memecoin Web3
A Web3 token launch platform with live price feeds, wallet connection, and animated meme-driven UI — designed to drive viral community engagement.
Beauty Lab Cleanic
Headless e-commerce for a Korean beauty brand. Mobile-first redesign with AI product recommendations resulted in 250% higher online sales.
Fear of God
Philippine landing experience for the global luxury streetwear label — editorial layout with immersive scroll animations and collection drops.
Personal Portfolio
Developer portfolio with a live AI chatbot, Three.js 3D scene, and dynamic project showcase — a demonstration of creative range.
Two14 Cafe
Digital ordering ecosystem for an Australian cafe — cross-platform mobile app with real-time kitchen display. Reduced queue wait times by 50%.
The Violet Hour
Website redesign for a Chicago cocktail bar — atmospheric dark-mode design with animated menu browsing and event booking integration.
Case Studies
Deep dives into the architecture, performance optimizations, and technical decisions behind my most complex projects.
Scaling Haven Windows
A deep dive into how we achieved a 100/100 Lighthouse score while rendering high-fidelity assets and complex animations.
// Optimized Image Loading Strategy
export default function HeroImage() {
return (
<Image
src="/hero-high-res.webp"
priority
fetchPriority="high"
decoding="async"
sizes="(max-width: 768px) 100vw, 50vw"
alt="Haven Windows Premium Showcase"
/>
);
}Jasmine AI State Engine
Building a real-time emotion engine using WebSockets and a decoupled event-driven architecture to handle concurrent streams.
// Reactive Context Sync
const emotionState = useSyncExternalStore(
wsConnection.subscribeToEmotions,
() => wsConnection.latestState,
() => initialEmotionState
);I don't just write code.
I obsess over the experience.
Background
I got into development the way most people do — broke something, Googled how to fix it, then realized I liked breaking things on purpose even more. Started with PHP and jQuery (I know), moved through the React ecosystem, and now I mostly live in Next.js.
Philosophy
The best code is the code nobody notices. If your website loads fast, animates smoothly, and just feels right — that's the job done well. I believe in shipping, iterating, and not over-engineering every tiny thing. Perfect is the enemy of deployed.
What I'm
good at
I believe skills are best demonstrated through work, not listed on a page. But since you're here, here's an honest self-assessment.
Design & Build
Architecture
Workflow
Tech stack
Tools change. Principles don't. Here's what I currently reach for.
Frontend
- React
- Next.js
- Tailwind CSS
- Framer Motion
Backend
- Node.js
- Express
- Server Actions
- tRPC
Database
- PostgreSQL
- MongoDB
- Prisma
- Drizzle
Languages
- TypeScript
- JavaScript
- Python
Mobile
- React Native
- Expo
Performance
- Core Web Vitals
- Lighthouse
- Bundle Analysis
Tooling
- Git
- Docker
- CI/CD
- Turborepo
Environment
- Linux
- Zsh
- Neovim
- tmux
Experience
Fullstack Developer
Leading frontend architecture. Building heavily animated, performance-obsessed interfaces.
Software Engineer
StartupSaaS
Migrated legacy React → Next.js. Cut load times by 40%. Built the component library from scratch.
Freelance Developer
Independent
Built custom sites for small businesses. Learned that clear communication matters more than clever code.
Engineering Thoughts
Writing about architecture, design engineering, and the "why" behind the code.
Building
together.
Currently accepting new partnerships and consulting roles. Let's build something that makes an impact.