Interfaces
Components that scale
Reusable Vue.js and React components, typed with TypeScript, plus state management, routing, and REST or GraphQL integrations
Frontend Developer
Albert Portfolio
Hi, I'm Albert — a frontend developer behind this portfolio site. I ship interfaces with Vue.js, Nuxt, React, and TypeScript, with a focus on scalable architecture, responsive design, and maintainable production code
Performance
Fast by default
SSR with Nuxt, lazy loading, bundle tuning, and Core Web Vitals — speed matters as much as pixel-perfect layout
Delivery
From layout to production
Figma handoff, responsive markup, CI/CD, code review and teamwork - I ship features end to end on the frontend
Tech stack
JS · TS
core
ES6+ and TypeScript: generics, interfaces, utility types, async flows, DOM APIs and module architecture for complex client-side logic
Stack & more
Tools I reach for daily
Not a buzzword list — just the tools I actually use on Vue, Nuxt, and React projects
VueReactNuxtNext.jsTypeScriptTailwindViteGitFigmaA11ySSRCursorAI
Portfolio
Projects
Selected frontend projects: product interfaces, internal tools, and websites built with Vue and React
React · Electron
Vinyl music player
Vinyl-inspired desktop player: your library, equalizer, and queue always resume exactly where you left off
Cybersecurity · Vue
Cyber Camp
Cybersecurity online campus with live lectures, interactive lessons, and gamified learning
Vue · Leaflet
GIS
Geospatial information system built with Vue and Leaflet — maps, dashboards, and API integrations
Case studies
Results on real projects
Measurable frontend wins — faster loads, cleaner architecture, and smoother delivery
Performance · React
React storefront: performance audit
Split routes with React.lazy, memoized heavy tables and tuned TanStack Query caching. Main bundle shrank 38% and LCP on 4G dropped from 3.4s to 1.1s without changing the UI
-38%
JS bundle
1.1s
LCP mobile
97
Lighthouse
Desktop · Electron
Desktop app: Electron music player
Built a cross-platform player with local library scanning, IPC between main and renderer, and Zustand for playback state. Cold start under 1.2s and metadata indexing for 10k+ tracks runs in the background
1.2s
cold start
10k+
tracks indexed
100%
offline playback
React · SEO
Marketing site: Next.js SSR rollout
Rebuilt a CSR React landing on Next.js App Router with SSG for static pages, Open Graph metadata and locale routing. Indexed pages doubled and first paint got noticeably faster
+52%
indexed pages
0.8s
FCP
0.02
CLS
Design system
Product: Tailwind design system
Assembled a token-driven component library on React + Tailwind with Storybook and Chromatic visual regression. The team stopped shipping one-off buttons and form layouts every sprint
90+
tokens
×2.5
reuse
-32%
UI bugs
A11y · WCAG
SaaS: accessibility remediation
Fixed focus traps, contrast failures and missing labels on a React analytics dashboard. Added axe-core to CI and documented keyboard patterns for the product team
95
a11y score
-71%
violations
100%
keyboard nav
Architecture · React
Task app: state architecture
Replaced scattered useState with Zustand slices, optimistic updates and drag-and-drop via dnd-kit. Fewer unnecessary re-renders and faster feature delivery on a complex board UI
-45%
re-renders
-35%
state bugs
×2
feature speed
Open to work
Let's build your next front end
Looking for a frontend developer for a Vue.js or React project? Message me and we can talk through your product, scope, timeline, and next steps
06+
years in frontend
20+
shipped projects
Vue · React
frameworks