Portfolio

Projects

All frontend projects: dashboards, storefronts, marketing sites and apps built end to end

Vinyl music player

React · Electron

Period: 2026

A desktop application for local music playback without a cloud backend. Users import tracks from their computer, manage playlists, configure the equalizer, and resume playback from the exact previous state after relaunch. I implemented the UI architecture, player state management, and resilient local media storage

Key contributions

Designed a vinyl-inspired player interface covering library, queue, playlists, and playback controls
Implemented equalizer and playback modes (repeat, repeat-one, shuffle) with predictable queue behavior
Built a local-first data layer: audio file import, track metadata parsing, and library persistence in userData
Persisted full session state across launches: active track, playback position, volume, selected playlist, and shuffle history

Stack

ReactElectronTypeScriptViteZustandTailwind CSSmusic-metadata

View code

Cyber Camp

Cybersecurity · Vue

Period: 2025

An online platform for cybersecurity education where students join live lectures, complete video lessons, and navigate a rich learning environment. I built and maintained complex UI systems: live broadcast pages, lesson modules, an internal shop, and dozens of interactive widgets in a Nuxt/Vue stack with Webpack and Vuex

Key contributions

Implemented an internal shop using earned points and real-money payments — cart, order history, and checkout flows inside the learning platform
Built live lecture pages with schedules, video player integration, and stable playback across devices and network conditions
Developed video lesson modules with progress tracking, course structure, and navigation between theory blocks
Designed dozens of reusable learning widgets — timers, leaderboards, modals, forms, and reward flows shared across the platform

Stack

Vue 2NuxtJavaScriptWebpackVuexSCSS

GIS

Vue · Leaflet

Period: 2021 - 2023

A geospatial information system with map layers, spatial datasets, and business workflows. The product started as a vanilla JavaScript application — I led a full migration to Vue, designing the component architecture, migrating UI screen by screen, and maintaining stable Leaflet integration throughout

Key contributions

Migrated a legacy JavaScript codebase to Vue without stopping feature delivery — screen by screen with shared patterns for forms, tables, and filters
Designed a custom component layer and Vuex structure separating map logic, data panels, and API state
Rebuilt Leaflet widgets with custom layers, markers, and high-performance updates on large spatial datasets

Stack

Vue 2JavaScriptWebpackVuexSCSSLeaflet