Tred Lock

Frontend • Senior • Bishkek, Kyrgyzstan • UTC+06:00 • Work permits: Kyrgyzstan • Available now

Frontend Developer

Python

Node JS

JavaScript

TypeScript

UI Component Architecture: 6/10

Responsive & Cross-browser: 6/10

Performance Optimization: 6/10

Active 2 days ago

Invite to interview

Download CVCV

Overview

Technical skills

Timeline

Roles

Overview

Frontend UI engineer (senior level) focused on high-quality interactive landing pages and custom UI widgets with strong runtime and visual polish. The strongest proven skill is building complex, performant client-side UI primitives and interactions, demonstrated in the ImageSlot custom element (image-slot.js) and the interactive Noir landing logic (Noir-landing/index.html). There is limited public evidence of automated tests, server-state disciplines like request cancellation or optimistic updates, and formal accessibility testing across custom widgets.

Technical skills

Languages

Python

Node JS

JavaScript

TypeScript

Node JS

Express

Bcrypt

Prisma

Frontend

Vue.js

Vuetify

Lit

Sass

React.js

Next.js

Tailwind CSS

Zod

Mapbox GL JS

Pinia

PrimeVue

Vuex

Yup

Vite

Playwright

Vitest

Jest

Postman

Sentry

DevOps

GitLab CI

Bitbucket

GitHub

Docker

Git

GitLab

Web3

Ethereum

Solana

Bitcoin

Base

Chainlink

Other

Requests

Claude

Gemini

Figma

Ollama

OpenAI

Quasar

Claude Code

Cursor

Model Context Protocol

ESLint

PostCSS

Prettier

Webpack

Swagger

CI/CD

Wallets

Web3

Layer 2

Husky

Lighthouse

lint-staged

CSS Modules

Material Design

PWA

Timeline

Frontend Developer • Middle

TrustyOne • Full-Time

Apr 2024 to Feb 2026 1 Year 10 Months In office

Designed frontend architecture and helped launch multiple client projects from scratch, defining stack choices, app structure, and quality standards. Led the growth of junior developers through task planning, code reviews, and backlog prioritization. Implemented automated testing strategy (unit/integration/E2E) using Playwright and Vitest, and set up CI/CD and deployment scripts with Bitbucket Pipelines and GitLab CI for dev/prod environments. Improved performance and SEO using Lighthouse and coordinated API contract work with the backend team to stabilize releases.

Playwright

Vitest

Bitbucket

GitLab CI

Frontend Developer • Middle

Paleo studio • Full-Time

Nov 2022 to Jan 2024 1 Year 2 Months In office

Worked on a range of client-facing products, including logistics and admin/participant experiences, building interfaces with Vue 2 and Vuetify. Delivered adaptive, SEO-focused pages and a content builder for administrative workflows. Also built a browser extension to automate preparation of application cover letters for job responses.

Vue.js

Vuetify

Senior Frontend Developer Confidence: Medium UI Engineer

UI Component Architecture

6/10

How interface parts are built

Clear component design and custom widgets: custom element, Vue components and a coherent pattern for encapsulated UI logic and lifecycle handling.

Evidence

Noir-landing/index.html: <script data-dc-script> class Component extends DCLogic (complex UI component with lifecycle and renderVals)

Noir-landing/image-slot.js: ImageSlot custom element - full-featured image placeholder with persistence, reframe and controls

r33n99/r33n99.github.io/app/components/inspira/FlickeringGrid.vue: canvas-based visual component with ResizeObserver/IntersectionObserver

Responsive & Cross-browser

6/10

Works on all screens and browsers

Deliberate responsive design and runtime feature handling across viewports with explicit mobile/desktop branches, prefers-reduced-motion and DPR-aware canvas sizing.

Evidence

Noir-landing/index.html: setupResponsive function (adaptive layout changes, mobile branch, grid adjustments)

r33n99/r33n99.github.io/app/components/inspira/FlickeringGrid.vue: setupCanvas uses devicePixelRatio and updateCanvasSize via ResizeObserver

visteria-landing/index.html: multiple media queries and mobile-specific CSS overrides

Performance Optimization

6/10

Speed of the interface

Measured performance patterns and avoidance of common jank (rAF-driven animations, ResizeObserver/IntersectionObserver, DPR scaling, createImageBitmap for image encoding).

Evidence

Noir-landing/index.html: runPreloader and scroll loop use requestAnimationFrame with a failsafe and caching of queried nodes to reduce jank

r33n99/r33n99.github.io/app/components/inspira/FlickeringGrid.vue: requestAnimationFrame animation loop, IntersectionObserver to pause offscreen, DPR-aware canvas sizing

Noir-landing/image-slot.js: toDataUrl uses createImageBitmap and downsamples before encoding to reduce sidecar size

Accessibility & Semantics

4/10

Usable for everyone

Basic accessibility and semantic care (focus-visible, reduced-motion) are present, but custom widgets lack explicit ARIA patterns and there is limited evidence of automated a11y testing or full keyboard/announce handling for complex controls.

Evidence

Noir-landing/index.html: CSS includes :focus-visible rules and prefers-reduced-motion media query

Noir-landing/image-slot.js: controls are buttons and keyboard-accessible file input exists, but no ARIA roles in shadow UI

State Management & Data Flow

4/10

Managing data in the app

Component-local state and UI state flows are well organized (class-based logic and small composables), but there is little evidence of server-state discipline (cancellation, optimistic updates, cache invalidation) or test coverage in the analyzed files.

Evidence

Noir-landing/index.html: Component class extends DCLogic with setState and renderVals used for UI flows

r33n99/r33n99.github.io/app/composables/useProjects.ts: small composable exposing projects list and getBySlug r33n99/r33n99.github.io/app/composables/useTheme.ts and useLanguage.ts (signatures present) indicate scoped state hooks

UX & Visual Polish

6/10

Look and feel quality

High visual polish and UX detail: staged reveals, preloader, interactive parallax, micro-interactions and editing flows for the image widget improve perceived performance and product feel.

Evidence

Noir-landing/index.html: preloader, per-character hero animations, parallax, pinned gallery and dish track interactions

visteria-landing/index.html: hero typographic image-fill, shimmer and petal animations

Noir-landing/image-slot.js: edit/reframe UX with spill layer, handles, commit/commit-on-exit and visual feedback for replacing images

Expertise

Vue• Middle

HTML & CSS• Senior

Modern Web Frameworks• Middle

Web Performance & Optimization• Senior

Industries

Commerce• Middle

Events & Ticketing• Middle

Transportation & Logistics• Middle

Technologies

JavaScript

TypeScript

Vue.js• since 2022

Webpack

Tailwind CSS

Next.js

GitLab CI• since 2024

Figma

CI/CD

Git

Docker

React.js

Lit

Pinia

Vite

Mapbox GL JS

Sass

PostCSS

ESLint

Prettier

Zod

CSS Modules

Vuetify• since 2022

Bitbucket• since 2024

Yup

Vuex

PrimeVue

Lighthouse

Husky

lint-staged

GitHub

GitLab

Recommendations

Build polished marketing sites and interactive landing pages that need bespoke canvas and DOM-driven animations and performance-sensitive visuals.
Implement custom UI primitives and design-system components, including Web Components and Vue components, where encapsulation and reuse matter.
Work on frontend performance hardening tasks such as rAF-driven animations, DPR-aware canvas rendering, and image-encoding pipelines.
Own UX-critical features that require careful responsive behavior and progressive enhancement across devices.

Repositories

The developer's experience in this domain has been verified based on AI analysis of the following repositories:

r33n99.github.io Noir-landing visteria-landing

Middle Backend Developer Confidence: Medium API Engineer

Backend API engineer (Senior-level, pragmatic) focusing on building reliable integrations for chatbots and CRM workflows. The strongest proven skill is integrating and hardening messaging/AI pipelines, demonstrated by whatsapp.py and bot_runtime.py handling long-polling, deduplication, background threads and safe message generation. There is limited evidence of structured observability, load testing, cloud-native deployments or a migration history beyond idempotent SQLite ALTERs.

API Design

6/10

How well APIs are designed

Consistent REST API surface with input validation, centralized error handling and reasonable status codes; some endpoints include careful idempotency and masking of secrets but no explicit versioning or idempotency-key framework.

Evidence

r33n99/taskflow/src/app/api/tasks/[taskId]/route.ts r33n99/2gis-lead-crm/app.py r33n99/fintrack/api/src/routes/stats.routes.ts

Data Layer & Database

6/10

Working with databases

Deliberate schema design, DB constraints and indices, idempotent init/migration handling for SQLite, and use of transactions where needed; demonstrates awareness of consistency and uniqueness constraints.

Evidence

r33n99/2gis-lead-crm/app.py (init_db: CREATE TABLE, UNIQUE, INDEX, ALTER TABLE existence checks) r33n99/2gis-lead-crm/demo_bot.py (demo_bookings UNIQUE constraint + book_appointment handling) r33n99/taskflow/src/app/api/tasks/reorder/route.ts (prisma.$transaction for batch updates)

Scalability & Performance

4/10

Handling load and speed

Operationally aware choices for long-polling, WAL and busy-timeouts for SQLite and thread-based background workers; limited evidence of broader scaling patterns like caching strategies, rate limiting or load testing.

Evidence

r33n99/2gis-lead-crm/app.py (PRAGMA journal_mode=WAL) r33n99/2gis-lead-crm/bot_runtime.py (thread per bot, stop_event, long-polling) r33n99/2gis-lead-crm/whatsapp.py (receive_notification handling and HTTP 408 logic)

System Architecture

5/10

Overall system structure

Clear module boundaries (scraper, CRM, whatsapp client, bot runtime, demo bot), pragmatic decomposition for responsibilities and background processing; architecture is monolith-with-workers rather than microservices, which is appropriate for the product scale shown.

Evidence

r33n99/2gis-lead-crm/scraper_2gis.py (separate scraper that POSTs to CRM API) r33n99/2gis-lead-crm/bot_runtime.py (separate runtime managing bot threads) r33n99/2gis-lead-crm/wa-bridge/index.js (separate Node-based WhatsApp bridge component)

Security & Auth

5/10

Protecting data and access

Security-conscious patterns present: parameterized SQL, masking of stored secrets in API, bcrypt usage in Node areas, refresh/rotation patterns visible in other modules; however there is limited evidence of structured secrets management, dependency audit tooling or comprehensive threat mitigations.

Evidence

r33n99/2gis-lead-crm/app.py (SECRET_SETTINGS and token masking in APIs) r33n99/2gis-lead-crm/whatsapp.py (parameterized DB queries and deduplication by green_api_id_message) r33n99/taskflow/package.json and imports (bcrypt usage in auth-related routes)

Reliability & Observability

5/10

Stability and monitoring

Good reliability practices at the application level: retries/recovers for browser crashes, pragmatic timeouts on HTTP calls, graceful stop via thread events and backup CSVs on failure; limited structured observability (no metrics/structured logs) and mostly print-based logging.

Evidence

r33n99/2gis-lead-crm/scraper_2gis.py (goto_with_recovery, captcha detection, CSV backup on errors) r33n99/2gis-lead-crm/bot_runtime.py (stop_event-driven graceful shutdown of polling threads) r33n99/2gis-lead-crm/whatsapp.py (delete_notification before processing to avoid duplicate handling)

Expertise

Backend AI & LLM• Middle

Messaging & Real-time• Middle

Microservices & API Architecture• Middle

Python• Middle

Node.js• Middle

Industries

Financial Services• Middle

Sales & Marketing• Middle

Technologies

Python• Middle

Node JS• Middle

Express

Bcrypt

Prisma

Requests

Recommendations

Develop backend services that integrate with third-party messaging APIs and conversational models (WhatsApp/Gemini-style integrations).
Build and maintain small-to-medium product APIs with transactional booking or stateful workflows (appointment booking, CRM automation).
Implement reliability/observability improvements for existing systems: structured logging, metrics, health checks and graceful restart tooling.
Lead efforts to harden data and secrets management when moving from local SQLite to managed Postgres/production infra.

Repositories

The developer's experience in this domain has been verified based on AI analysis of the following repositories:

2gis-lead-crm taskflow fintrack

Junior Blockchain Developer Confidence: Medium Generalist

Full-stack web developer (Middle) focused on TypeScript backend APIs and Next.js/Tailwind frontends with a practical, delivery-oriented approach. The strongest proven skill is building typed REST API endpoints with DB aggregation and input validation as shown in api/src/routes/stats.routes.ts which implements month-range aggregation and grouped queries. There is little to no public evidence of smart contract work, on-chain protocol implementations, formal security audits, invariant/fuzz tests, or DeFi economic logic.

Smart Contract Development

Writing smart contracts

Not evidenced in public code

Security & Audit

2/10

Checking contracts for flaws

Basic web-security patterns and input validation are applied (auth middleware, request validation), but there is limited evidence of deeper security/audit practices, fuzz/invariant tests, or attacker-style tests.

Evidence

r33n99/fintrack/api/src/routes/stats.routes.ts: uses requireAuth middleware to protect routes r33n99/fintrack/api/src/routes/stats.routes.ts: monthSchema (zod) validates query input before DB use

Blockchain Protocol Understanding

Knowing how blockchains work

Not evidenced in public code

DApp & Web3 Integration

2/10

Connecting apps to blockchain

Frontend and Web3-facing marketing/frontend artifacts exist (landing content, Tailwind config, class merging util) indicating basic dApp/frontend knowledge, but no implemented wallet integrations, EIP-712, subgraph mappings, or transaction lifecycle handling are present in human-authored code.

Evidence

r33n99/nebula-landing-web3/lib/content.ts: detailed Web3/wallet marketing content listing networks and wallet features r33n99/nebula-landing-web3/tailwind.config.ts: non-trivial Tailwind configuration for a Web3 landing r33n99/nebula-landing-web3/lib/utils.ts: cn utility merging Tailwind classes for UI composition

Tokenomics & DeFi Logic

Token and finance logic

Not evidenced in public code

Decentralization & Trust Model

Designing trust without middlemen

Not evidenced in public code

Expertise

dApps & Web3 Frontend• Junior

Industries

Financial Services• Middle

Blockchain & Crypto• Junior

Technologies

Web3

Wallets

Solana

Base

Chainlink

Bitcoin

Layer 2

Ethereum

Recommendations

Lead development of REST APIs and data aggregation endpoints for fintech or personal-finance products (TypeScript + Express + Postgres).
Build marketing and Web3 landing pages and component systems using Next.js, Tailwind and utility functions like cn for class merging.
Expand into Web3 integrations by implementing WalletConnect/EIP-712 flows and safe transaction lifecycle handling in frontend code.
Invest in security and quality: add unit/integration tests, invariant/fuzz tests for critical flows, and documented threat models for authentication/token rotation.

Repositories

The developer's experience in this domain has been verified based on AI analysis of the following repositories:

fintrack nebula-landing-web3