MK
Portrait of Meysam Kiani

Front-End Engineer · Tehran

Meysam Kiani

I build large, production-grade web apps with Vue and Next.js, from national health systems to my own games platform.

View my workDownload resume

01About

Summary

Front-end engineer with 5 years of experience building production web applications with Vue and React/Next.js. Front-End Lead at DAPA, owning the front end of a national health system used by 100k+ people and leading its Vue 2 → Vue 3 migration. Creator of SliceGames, a multilingual games platform that reaches ~16,000 monthly visits from organic search alone. Comfortable across the stack, and experienced in leading a squad and working with AI coding agents in a review-first workflow.

5 yrs

Front-end experience

100k+

Users on the health system I lead the front end of

~16k

Monthly organic visits on SliceGames

6

Languages on SliceGames

02Experience

Experience

  1. Jan 2023 - Present

    DAPA (Danesh Parsian), Tehran

    • Front-End LeadSep 2025 - Present
    • Front-End DeveloperJan 2023 - Aug 2025
    • Team lead: run a product squad of one designer and one front-end developer. I break features into tasks, prioritize and assign work, review pull requests, and keep design and implementation aligned.
    • Vue 2 → Vue 3 migration: led the migration of SIB, a national health system serving 100k+ users, after Vue 2 reached end-of-life and stopped receiving security patches. Rebuilt it as a greenfield Vue 3, Vuetify 3, Pinia, Vite and TypeScript app and ported it module by module, keeping the production deploy path unchanged.
    • Dependency overhaul: audited a heavy dependency tree and replaced deprecated or abandoned packages with maintained ones (Chart.js 2 → 4, a Persian datepicker rebuilt as a web component, new toast library). Moved internal HTTP and utility libraries from patched local tarballs to versioned private packages, and rewrote Vuex stores as Pinia modules.
    • Build tooling: fixed Webpack → Vite/ESM issues that only appeared in production builds (AG Grid imports, tree-shaken components) and replaced the Vue CLI PWA plugin with vite-plugin-pwa.
    • Video calls: designed and built the entire UI of a WebRTC video-call service, using LiveKit only as the client-side layer so the product experience stays fully in-house.
    • Finance-fund module: consolidated an outsourced module into the main codebase through a full refactor and dependency unification, reducing maintenance cost and improving stability.
    • Legacy support: wrote custom polyfills and optimizations so Vue 2 / Vuetify 2 systems run reliably on older browsers and devices across the country; containerized the SIB front end with Docker.

  2. Mar 2025 - Present

    SliceGames (personal product)

    Founder & Full-Stack Developer · Next.js, React, TypeScript, Node.js, PostgreSQL

    • Growth: designed and built a multilingual (6 languages) browser-games platform end to end. It reaches ~16,000 monthly visits worldwide from organic search alone.
    • Quality: scores 100 for SEO and Accessibility and 96 for Best Practices in Lighthouse.
    • Architecture: pnpm + Turborepo monorepo where each game is an isolated package loaded through a common game contract, so game code never bloats the site bundle and UI and utilities are shared across games.
    • Back end and infra: Node.js/TypeScript API with PostgreSQL (Prisma), JWT and Google OAuth, and admin tooling; deployed on a VPS with Nginx, PM2 and Cloudflare.
    • Content pipeline: built an AI-assisted research → copywriting pipeline that produces localized page content for every game in all six languages.

  3. Nov 2023 - Present

    Mentorjet

    Front-End Developer · Remote · MUI, i18n, SEO

    • Built core product pages (login, dashboard, mentor listings) with MUI, plus multiple landing pages from design specs, optimized for load speed.
    • Implemented JSON-LD structured data on profile pages, making them eligible for Google Rich Results.
    • Refactored and configured i18n to open the product to non-Persian-speaking users.

  4. Ongoing

    Varzeshkar.com

    Contributor · Next.js · Private project built with a partner

    • Ship front-end features for a production sports platform.

  5. Oct 2021 - Nov 2022

    Vafor Psychology Institute, Tehran

    Front-End Developer

    • Built and maintained front-end interfaces for the institute's web platform (first professional role).

03Work

Selected Work

SIB: Vue 2 → Vue 3 migration

National health system, 100k+ users

A ground-up migration of a large national health system to a supported, secure stack. Ported module by module into a greenfield app.

LayerBeforetoAfter
FrameworkVue 2.7Vue 3.5
UI kitVuetify 2.7Vuetify 3.12
BuildVue CLI + Webpack 5Vite
StateVuex 3Pinia
CSS utilitiesWindiCSSTailwind 3
Package managernpmpnpm
  • Vue 3
  • Vuetify 3
  • Pinia
  • Vite
  • TypeScript

SliceGames

Multilingual games platform

A browser-games platform in 6 languages, built as a monorepo where each game is its own package. ~16,000 monthly visits from organic search alone.

  • Next.js
  • React
  • TypeScript
  • Node.js
  • PostgreSQL
  • Turborepo

Video-call service

Real-time, WebRTC

Designed and built the full user interface myself. LiveKit is used only as the client-side WebRTC layer, so the product experience stays fully under our control.

  • WebRTC
  • LiveKit
  • Vue

04Skills

Skills

Languages

  • TypeScript
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • SASS

Frameworks

  • Vue 3 / Vue 2
  • Nuxt
  • React
  • Next.js

State & data

  • Pinia
  • Vuex
  • Zustand
  • TanStack Query

UI & styling

  • Vuetify
  • MUI
  • HeroUI
  • Tailwind CSS
  • WindiCSS

Build & tooling

  • Vite
  • Webpack
  • pnpm
  • Turborepo
  • ESLint
  • Git
  • Docker
  • PWA

Real-time

  • WebRTC
  • LiveKit

Back end & deployment

  • Node.js
  • PostgreSQL
  • Prisma
  • Nginx
  • PM2
  • Cloudflare

Practices

  • Performance optimization
  • i18n
  • SEO & structured data
  • legacy-browser compatibility
  • code review
  • technical leadership

05AI

AI-Assisted Development

I treat AI coding agents as fast junior engineers: powerful, tireless, and in need of clear direction and review.

Tools: daily use of Cursor and Claude Code for engineering, and Google Flow for generative visual content.

Spec first, small diffs: I define goals, constraints and acceptance criteria up front and point the agent at existing code patterns. Nothing merges that I cannot explain line by line.

Migration workflow: wrote reusable agent skills and "line-for-line parity" rules for the Vue 3 port so pages were never silently trimmed; used agents for codemods, scaffolding, test generation and evaluating replacement libraries.

Judgment stays human: architecture, security and trade-offs are mine; output is verified with type checks, tests and review. In my squad I introduced shared conventions and mandatory review for AI-assisted code.

06Education

Education & Languages

Education

B.Sc., Computer Engineering

University of Science and Technology, Tehran

2020 - 2024

Languages

Persian (native) · English (intermediate)

07Contact

Let's talk.

Open to interesting front-end work. The fastest way to reach me is email.

dev.mysm@gmail.com

+98 9900800496

GitHubLinkedIn