I'm a Middle Vue.js Developer with over 6 years of hands-on Vue experience and more than 20 years in web development. I don't just write code — I design cohesive SPA systems where Vue's modularity and TypeScript's clarity serve one goal: creating intuitive, high-performance digital products.
Architecture as a reactive system. Interface as its human face.
| Area | Technologies & Approaches |
|---|---|
| Architecture Design | Modular & scalable SPA structure, codebase organization for easy maintenance and growth |
| State Management | Pinia / Vuex, centralized stores, reactive data flow between components |
| Client-Server Communication | REST API service layers, error handling, retry mechanisms, caching, request lifecycle management |
| Routing | Complex navigation systems, nested and protected routes, lazy loading |
| UI Development | Responsive, cross-browser, accessible interfaces using Flexbox, Grid, CSS Custom Properties |
- Vue 3 — Composition API, composables, reactivity, lifecycle hooks, custom directives
- Nuxt — SSR and SSG, file-based routing, server/client data fetching, SEO optimization
- Pinia — Setup Store syntax, TypeScript integration
- TypeScript — Strict typing, generics, utility types
- Vite — Fast builds, plugin configuration, production optimization
- Vue Router — Lazy loading, nested routes, navigation guards
- Vue i18n — Dynamic translation loading, pluralization
- Git — Feature branches, code review, conflict resolution
- REST API — Custom HTTP wrappers, caching, request lifecycle
- HTML5/CSS3 — Semantic markup, responsive design, Grid/Flexbox
- SCSS/SASS — Mixins, modular styling, CSS Custom Properties
- Claude, Cursor, ChatGPT, GitHub Copilot, Grok — Automating routine tasks, enhancing analytical capabilities, accelerating delivery
Lead Frontend Developer (Dec 2020 – Oct 2025)
A full-featured SPA for flight booking with high load and complex business logic — real-time search, fare selection, passenger data, additional services.
Key Achievements:
- ✅ Scalable architecture accelerated new feature deployment by 40%
- ✅ Passenger data validation reduced booking errors by 60%
- ✅ Search query caching improved performance by 25%
Technical Solutions:
| Solution | Description |
|---|---|
| REST API Pipeline System | Orchestrates sequential HTTP requests where each call uses data from previous ones. Features real-time progress tracking, intelligent retries (5xx errors), conditional execution, and auto-cancellation on fatal errors. Type-safe end-to-end. |
| UI Component Library | Modular components with accessibility and performance focus. Input fields with validation/masks, smart autocomplete with virtual scrolling, modal windows with swipe gestures, calendar with custom range highlighting, tables with row virtualization. |
| Flexible Localization System | Allows overriding specific strings per build bundle without duplicating entire dictionaries. Base locales + custom overrides automatically merged during build. Supports multiple languages and bundle-specific configurations. |
| Universal Seat Map System | Architecture with "drivers" for different data formats from various booking systems. Single Vue component displays seat maps regardless of source — adding a new provider only requires implementing a driver. |
| Multi-App Synchronization | Cross-tab state synchronization between independent Vue applications via localStorage with optional AES-GCM encryption. Prevents cyclic updates and data races. Reduces code duplication by 60%. |
- Development and support of TravelShop 1.0 templates for various airlines (including "Azimut")
- Customization according to airline requirements
- Understanding Bitrix architecture and specifics
I actively publish and maintain open-source tools used by other developers:
| Package | Description |
|---|---|
| css-magic-gradient | CSS gradient generation with color harmonies, WCAG utilities, canvas export, Vue/React hooks |
| color-value-tools | Color parsing, conversion, manipulation across all major models (hex, RGB, HSL, HSV, Lab, LCH, OKLAB, OKLCH, CMYK) plus CIEDE2000, color blindness simulation, palette generation, CLI |
| os-detect | OS and device type detection (iOS, macOS, Android, Windows, Linux, ChromeOS). Works in browsers, Node.js, SSR. Windows 11 detection. Vue/React adapters. Zero dependencies |
| rest-pipeline-js | Modular REST orchestrator with HTTP client (retry, caching, rate limiting, cancellation) and PipelineOrchestrator for sequential/parallel execution with pause/resume, middleware, state export/import |
| responsive-media | Reactive state from CSS media queries and element dimensions. Viewport breakpoints + container queries (ResizeObserver). Vue 3 & React 18 adapters. SSR-safe. Zero dependencies |
| vue-i18n-kit | Ready-to-use localization layer for Vue 3. Lazy locale loading, ICU pluralization, locale metadata, date/currency formatting. Vite plugin + CLI + browser-based editor. SSR/Nuxt ready |
| Period | Position | Company | Key Focus |
|---|---|---|---|
| Dec 2020 – Oct 2025 | Lead Frontend Developer | Tais / TravelShop | Vue 3 architecture, UI component library, flight booking systems, Bitrix template customization |
| Oct 2017 – Dec 2020 | Lead HTML/Frontend Developer | Tais | Frontend for online booking and flight registration systems |
| 2015 – 2017 | Web Designer | Various | Animated advertising banners (HTML5/CSS3/JS), responsive banners |
| 2014 – 2015 | Web Designer | Agency | Website design for major advertising clients |
| 2012 – 2014 | Web Designer / Developer | Media projects | User interfaces, promotional pages, performance optimization |
| 2009 – 2012 | Web Designer | Various | Corporate website designs, advertising banners, iconography |
| 2008 – 2009 | Web Designer / Developer | Content platforms | Full-cycle web projects, admin panels, user cabinets |
| 2007 – 2008 | Web Designer | NIKITA ONLINE | Corporate website designs for gaming projects |
| 2006 – 2007 | Web Designer | Nettrader | UI for financial and trading platforms |
| 2005 – 2006 | Web Designer | Agency | Website designs for agency clients |
| 2004 – 2005 | Web Designer | Yutinet.Ru | Web interfaces for internet portals |
| 2003 – 2004 | Web Designer | ION Digital Center | Website designs for various business segments |
| 2002 – 2003 | Web Designer | ADT Web Solutions | Corporate website and online store designs |
| 2001 – 2002 | Web Designer | Freelance | Full web project creation for various clients |
| 2000 – 2001 | Web Designer | Artez Production | Website designs for production company clients |
| 1998 – 2000 | Web Designer | AVM New Wave Inc. | Early Russian internet websites, foundational web design principles |
My background in graphic design provides a fundamental understanding of composition, typography, and color theory — forming the basis for creating logical, aesthetic, and effective digital interfaces.
- Productive Workstation — Powerful computer for modern IDEs and multiple development environments
- Three Monitors — Comfortable separation of code, browser, and communication apps
- Stable Internet — High-speed wired connection for video conferences and fast sync
- Webcam & Headset — Quality equipment for daily team meetings
Benefits for the team: Instant task switching, parallel code/communication work, quick response times, quality participation in planning and code review.
- Email: macrulezru@gmail.com
- Telegram: @Danil_Anapa
- Website: macrulez.ru
# Clone the repository
git clone git@github.com:macrulezru/presentation.git
cd presentation
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run buildThe codebase for commercial projects (TravelShop) is the intellectual property of employers and cannot be publicly shared. This repository demonstrates my approach to development, architecture, and implementation through a public resume application.
Ready to complete a test task to demonstrate my skills in practice.