Overview
Technical skills
Timeline
Roles

Overview

Frontend app engineer (mid-level) focusing on Vue/Nuxt single page applications with real-time market data features. The strongest proven skill is async state and real-time data handling, demonstrated by the useBinanceWebSocket composable with consumer counting, exponential backoff reconnect and integration into useMarketData that tunes query refetch and stale times. There is limited evidence of automated testing, accessibility engineering, rigorous performance measurement or large-scale system design in public code.

Technical skills

Node JS
JavaScript• Middle • 6y+
TypeScript• Senior • 5y+
Node JS
Prisma
Databases
Supabase
Frontend
Ant Design
Next.js
React.js
Redux
Redux Toolkit
Socket.IO
Vuetify
Vuex
Webpack
Zustand
PostCSS
Vue Router
Sass• 6y+
Vue.js• 6y+
Nuxt.js• 5y+
Pinia• 5y+
GraphQL• 3y+
Tailwind CSS
Vite
Storybook
DevOps
Azure
Azure DevOps
Docker
Git
GitHub Actions
Kubernetes
WebSockets
Rest API
CI/CD
Design
Figma
AI/ML
AI Agents
Model Context Protocol
QA
Cypress
Playwright
Mobile
State Management
Material Design

Timeline

Senior Frontend Engineer Senior
Signal Full-Time
Jan 2025 to Present 1 Year 7 Months In office
Designed and deployed an automated workflow for an AI agent using MCP with Jira API integration to automate branch provisioning and related quality checks. Built end-to-end test automation using Playwright in the CI process, reducing production issues reported by users. Led a large migration from JavaScript to TypeScript across multiple enterprise modules and helped improve runtime reliability. Established an internal atomic UI component system using Storybook and supported release stability with CI/CD front-end configuration.
Model Context Protocol
Jira
Playwright
TypeScript
Storybook
CI/CD
Frontend Developer (Contract) Middle
AminSoft Contractor
Jan 2024 to Jan 2025 1 Year Dubai Remote/Hybrid
Developed core front-end modules for a nation-wide judicial platform using Nuxt 3, Pinia, and TypeScript to support high concurrent usage. Implemented SSR and SEO-focused approaches to improve search visibility. Built configurable form builder components for fast creation of organization-level web forms. Improved performance with API caching and lazy-loading of UI components.
Nuxt.js
Pinia
TypeScript
Frontend Developer Middle
Rentrax Full-Time
Jan 2024 to Jan 2025 1 Year Vancouver Remote/Hybrid

Implemented a modular Vue 3 front-end architecture using TypeScript and the Composition API to support parallel feature development. Built multilingual (i18n) capabilities to enable global onboarding and user support. Addressed build and alias routing issues by adjusting tsconfig and build configuration to improve local build performance. Added robust asynchronous form validation across the application to improve user experience and data integrity.

Vue.js
TypeScript
Tailwind CSS
Vite
Frontend Developer Middle
Imanoor Full-Time
Jan 2023 to Jan 2024 1 Year In office

Migrated an application framework from Nuxt 2 to Nuxt 3 to improve initial page performance. Authored a JSON-driven form builder enabling highly configurable and scalable form creation. Collaborated with UI/UX designers to implement pixel-accurate interfaces according to provided Figma designs.

Nuxt.js
GraphQL
Frontend Developer Middle
Mahan Soft Full-Time
Jan 2021 to Jan 2023 2 Years In office
Delivered core enterprise front-end modules for a nation-wide judicial platform using Nuxt 3, Pinia, and TypeScript with feature-based organization. Implemented SSR and SEO practices to improve website search performance and visibility. Created and load-tested reusable form builder components to support rapid organization-level form creation.
Nuxt.jssince 2021
Piniasince 2021
TypeScriptsince 2021
Frontend Intern Junior
Rasa Samane Ofogh Internship
Jan 2020 to Jan 2021 1 Year In office
Built initial front-end experience with Vue.js and modern JavaScript concepts while contributing to small internal projects. Implemented responsive user interfaces using Sass and semantic HTML with Flexbox-based layouts. Focused on producing clean, maintainable UI code as part of ongoing internal development.
Vue.jssince 2020
JavaScript
Sass
Middle Frontend Developer Confidence: Medium App Engineer
Frontend app engineer (mid-level) focusing on Vue/Nuxt single page applications with real-time market data features. The strongest proven skill is async state and real-time data handling, demonstrated by the useBinanceWebSocket composable with consumer counting, exponential backoff reconnect and integration into useMarketData that tunes query refetch and stale times. There is limited evidence of automated testing, accessibility engineering, rigorous performance measurement or large-scale system design in public code.
UI Component Architecture
4/10
How interface parts are built
Practical component work using Vue/Nuxt and a small React demo with clear separation into composables and components, but no evidence of a custom design system or advanced composition patterns beyond typical templates.
Evidence
planovin-front-blog/components/layout/Header.vue
planovin-front-blog/components/layout/Footer.vue
pizza-menu/src/index.css
Responsive & Cross-browser
3/10
Works on all screens and browsers
Responsive layouts are implemented via utility classes and CSS grid/flex; there is basic mobile/desktop consideration but no advanced cross-browser or RTL infrastructure beyond Persian text in templates.
Evidence
planovin-front-blog/components/layout/Header.vue
planovin-front-blog/components/layout/Footer.vue
pizza-menu/src/index.css
Performance Optimization
4/10
Speed of the interface
Measured performance work is limited, but there is sensible server-state tuning and WebSocket-driven updates that reduce polling; no evidence of bundle analysis, virtualization or sophisticated client-side perf tooling.
Evidence
crypto-site/app/composables/useMarketData.ts
crypto-site/app/composables/useBinanceWebSocket.ts
Accessibility & Semantics
2/10
Usable for everyone
Basic semantic markup and some alt attributes exist, but there is little evidence of targeted accessibility work such as ARIA on custom widgets, keyboard/focus management, or automated a11y checks.
Evidence
pizza-menu/index.html
planovin-front-blog/components/layout/Footer.vue
State Management & Data Flow
5/10
Managing data in the app
Strongest area: clear async discipline and state management with composables and server-state via TanStack Query, a shared WebSocket composable with consumer counting and reconnect/backoff, and URL-synced filters for lists.
Evidence
crypto-site/app/composables/useBinanceWebSocket.ts
crypto-site/app/composables/useMarketData.ts
planovin-front-blog/composables/useBlogs.ts
UX & Visual Polish
4/10
Look and feel quality
Good visual polish and UX basics such as loading and error states, sold-out styling and pagination UI are present, though advanced UX patterns like optimistic updates, undo, skeleton systems or motion tuning are not shown.
Evidence
pizza-menu/src/index.css
planovin-front-blog/pages/index.vue
crypto-site/app/components/main/intro.vue
Expertise
React• Junior
Modern Web Frameworks• Middle
Frontend Architecture & Build Tools• Junior
Industries
Blockchain & Crypto• Middle
Technologies
JavaScript• Middle • 6y+
TypeScript• Senior • 5y+
Vue.js• 6y+
Zustand
Redux
Webpack
GraphQL• 3y+
Nuxt.js• 5y+
Tailwind CSS
Next.js
Socket.IO
Azure DevOps
GitHub Actions
WebSockets
Azure
Figma
CI/CD
Git
Docker
Kubernetes
React.js
Pinia• 5y+
Vite
Storybook
Ant Design
Sass• 6y+
PostCSS
Vuetify
Vuex
Redux Toolkit
Vue Router
Recommendations
  • Build a reusable component library with documented APIs and tests to consolidate repeated UI patterns and prove component architecture skills.
  • Add automated a11y checks and keyboard/focus handling to custom widgets, plus accessible examples to demonstrate real accessibility ownership.
  • Introduce unit and integration tests for composables (WebSocket logic and query flows) and add CI checks to show reliability and edge-case handling.
  • Instrument performance with Lighthouse or RUM and include before/after artifacts or bundle analysis to demonstrate measurable optimizations.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Intern Backend Developer Confidence: Low API Engineer
Junior web developer focused on integrating frontend frameworks with simple backend services and hosted data providers, with a clear strength in configuring framework-level integrations. Proven skill configuring Nuxt modules and runtime settings as shown in portfolio/nuxt.config.ts, including public runtimeConfig and a Stripe client script. There is little to no evidence of backend engineering depth such as schema migrations, transaction handling, API versioning, automated tests, or observability in the human-authored code.
API Design
1/10
How well APIs are designed
Minimal API design evidence; only client-side runtime configuration and module selection are present without API contracts, versioning, or idempotency handling.
Evidence
portfolio/nuxt.config.ts: modules includes '@nuxtjs/supabase' and runtimeConfig.public.stripePK
portfolio/nuxt.config.ts: app.head adds Stripe client script tag
Data Layer & Database
1/10
Working with databases
No migration history or explicit data-layer decisions; only a modules entry referencing a hosted backend (Supabase) is present, with no documented transaction or schema evolution choices.
Evidence
portfolio/nuxt.config.ts: modules includes '@nuxtjs/supabase' (indicates a hosted DB integration)
Scalability & Performance
1/10
Handling load and speed
No evidence of scalability or performance engineering such as caching strategy, queueing, connection pooling, or load-test artifacts.
Evidence
portfolio/nuxt.config.ts: configuration-level file only; no caching or queueing patterns implemented
System Architecture
2/10
Overall system structure
Basic modular configuration is present and external services are declared, but there is no non-trivial service decomposition, graceful-degradation plan, or secret-management beyond runtimeConfig usage.
Evidence
portfolio/nuxt.config.ts: modules array demonstrates module-based composition (nuxt-icon, nuxt-lodash, @pinia/nuxt, @nuxtjs/supabase)
Security & Auth
2/10
Protecting data and access
Some surface-level secret handling and external integration awareness (public runtime config for Stripe public key and Supabase module) but no auth flows, token lifecycle, input validation, or dependency-audit artifacts.
Evidence
portfolio/nuxt.config.ts: runtimeConfig.public.stripePK (shows basic separation of public config)
portfolio/nuxt.config.ts: inclusion of '@nuxtjs/supabase' in modules (shows intent to use hosted auth/data)
Reliability & Observability
1/10
Stability and monitoring
No observability or reliability patterns are present in the human-authored files such as structured logging, metrics, timeouts, retries, or graceful shutdown logic.
Evidence
portfolio/nuxt.config.ts: no logging/observability configuration present
Expertise
Microservices & API Architecture• Intern
Node.js• Intern
Technologies
Node JS
Supabase
Rest API
Prisma
Recommendations
  • Implement small Node.js REST endpoints and document API contracts, idempotency and versioning to grow backend credibility.
  • Add a simple migration history and a few database queries using Prisma or Supabase to demonstrate schema evolution and transaction boundaries.
  • Instrument basic observability: add structured logging, request correlation ids, and a few metrics to show reliability and debugging practices.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Intern Game Developer Confidence: Medium Generalist
Early-career front-end developer focused on small React and Nuxt projects with a strength in setting up build and lint tooling. The strongest proven skill is configuring front-end build and lint pipelines, evidenced by pizza-menu/vite.config.js and pizza-menu/eslint.config.js. There is no public evidence of game-specific systems, rendering or physics work, deterministic simulation, netcode, or measurable performance optimization in authored code.
Gameplay Systems & Mechanics
How game logic works
Not evidenced in public code
Graphics & Rendering
Drawing game visuals
Not evidenced in public code
Physics & Math
Game physics and math
Not evidenced in public code
Engine Proficiency
Skill with the game engine
Not evidenced in public code
Performance & Frame Budget
Keeping the game smooth
Not evidenced in public code
Content Pipeline & Tooling
2/10
Tools for game content
Basic front-end content pipeline and tooling: project package, Vite build config and ESLint configuration authored or edited by the developer.
Industries
Media & Entertainment• Intern
Recommendations
  • Assign to junior front-end feature work: UI components, simple pages and integration with existing React or Nuxt projects.
  • Have the developer expand on tooling: add linting rules, CI lint/prettier checks and documented build scripts to improve reliability.
  • Pair with a senior engineer to refactor small modules into testable components and add unit/integration tests.
  • Avoid assigning engine-level, graphics or networking systems work until more specialized evidence appears.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories: