Yasin DehfuliFront-end developer
Yasin DehfuliFront-end developer
Available for freelance work

Yasin Dehfuli, freelance front-end developer

I’m a front-end developer, a freelancer, a Vue.js expert, an open-source contributor, an OOP lover

I build fast, accessible web applications with Vue.js, Nuxt.js and TypeScript. Right now I’m working on the trader website and campaigns at Saraf.

Yasin Dehfuli standing with his arms crossed

About

I’m a front-end developer and software engineer who crafts modern, efficient and user-focused web applications with Vue.js, Nuxt.js, NestJS, Angular, React, Next.js and Laravel.

My passion for programming began in 2016 with the basics, and in 2021 I started doing it professionally as a full-stack developer. Since then I’ve kept learning on both the frontend and the backend, building a solid foundation in web development.

I care about the open-source community and contribute to projects that help developers worldwide. Whether I’m solving a complex problem, designing a clean component architecture or learning something new, I bring the same enthusiasm to every project.

Quick facts

Based in
Tehran, Iran
Experience
5+ years
Freelance
Available for new projects
Languages
Persian (native), English
Education
B.Sc. in Computer Science
Yasin’s desk in red light, with GitHub open on the monitor, code on a laptop and a glowing digital clock
My workspace

Skills

The tools I reach for every day, and the ones I know well enough to pick up when a project needs them.

Front-end

  • JavaScript
  • TypeScript
  • Vue.js
  • Nuxt.js
  • Vuetify
  • Pinia
  • Vue Router
  • Axios
  • REST APIs
  • HTML
  • CSS
  • SASS/SCSS
  • Tailwind CSS
  • Bootstrap
  • Material UI
  • jQuery
  • AOS
  • Swiper
  • Responsive design
  • Mobile-first design
  • React , Familiar
  • Angular , Familiar
  • Next.js , Familiar
  • Angular Universal , Familiar
  • Ant Design , Familiar
  • shadcn/ui , Familiar
  • Framer Motion , Familiar
  • Lenis , Familiar

Tooling

  • Git
  • Linux
  • Docker
  • Vite
  • Webpack
  • ESLint
  • Prettier
  • Husky
  • Vitest
  • Sentry

Back-end and data

  • Node.js
  • NestJS
  • Express , Familiar
  • PHP , Familiar
  • Laravel , Familiar
  • SQL , Familiar

Practices

  • Open-source development
  • Component-based architecture
  • Composition API
  • SOLID principles
  • Modular design
  • Dependency injection
  • Server-side rendering
  • Islands architecture
  • RTL layouts
  • Localization
  • Technical SEO
  • Agile and Scrum

Experience

My work at Saraf and Trend Agency, the freelance and open-source years before them, and where I studied.

Work

  1. Front-end developer

    Saraf Tehran, Iran

    Saraf is an investment platform where people buy and sell gold, US dollars and cryptocurrencies quickly and easily, with its own bank card.

    Highlights
    • Refactored the trader application into a feature-based directory structure, so each feature owns its components, state and logic and the codebase stays easy to navigate as new features ship.
    • Rebuilt the saraf.app website from the ground up, migrating it from Nuxt.js to NestJS.
    • Worked on the support panel, the Vue 3 and TypeScript back office Saraf’s team uses to look up customers, review their identity verification, follow deposits, withdrawals and trades, and publish announcements and banners.
    • Built the landing page for the 13 Ethereum campaign and implemented its interactive game.
    • Designed and implemented the game for the Cube campaign, from its mechanics to the playable experience.
    • Nuxt.js
    • Vue.js
    • NestJS
    • TypeScript
    • Ant Design
  2. Front-end developer

    Trend Agency Tehran, Iran

    Trend Agency is a digital marketing company that creates and manages large-scale advertising campaigns for major Iranian brands.

    Highlights
    • Rebuilt the company’s campaign management platform with Vue 3, TypeScript and Vuetify 3, replacing a legacy system that could no longer be maintained.
    • Designed a modular, scalable architecture using the Composition API, OOP and reactive state management with Pinia.
    • Developed a full CRUD system for campaigns, invoices and payments with real-time error handling and toast notifications.
    • Implemented role-based access control and custom directives such as v-td-tooltip, v-can and v-deny.
    • Improved overall performance with lazy loading, caching and optimized data fetching.
    • Worked with the UI/UX and backend teams to connect design and logic, keeping data flow seamless and component composition clean.
    • Vue 3
    • TypeScript
    • Vuetify 3
    • Pinia
    • Composition API
  3. Freelance and open-source developer

    Independent Remote

    Two years of freelance projects and open-source contributions, building tools and collaborating with developer communities around the world.

Education

  1. to

    Bachelor’s degree in Computer Science, full-stack web development

    Tehran Institute of Technology

  2. to

    Associate’s degree in Computer Software

    Imam Khomeini Technical College, Mazandaran

Projects

Client websites, campaigns, panels, storefronts and personal projects, from Angular, NestJS and Next.js apps to pixel-perfect landing pages and Laravel-backed catalogs.

Showing 17 projects

  • Full-page screenshot of Saraf
    Full-stack

    Saraf

    Website of the Saraf investment platform, rebuilt from Nuxt.js to NestJS with server-rendered pages, Vue islands, live prices and a what-if returns calculator.

    • NestJS
    • Vue.js
    • Server-side rendering
    • Islands architecture
    Case study Saraf
  • Full-page screenshot of Gamepaign
    Front-end

    Gamepaign

    Platform where brands turn campaigns into games: they build a wheel of fortune, a quiz or a prediction game in a panel, launch it and follow the results live.

    • Angular
    • TypeScript
    • Server-side rendering
    • Express
    • SCSS
    • Vitest
    Case study Gamepaign
  • Full-page screenshot of Saraf World Cup
    Front-end

    Saraf World Cup

    World Cup 2026 prediction campaign for Saraf, where users forecast matches, earn points and climb ranked groups to win a share of three bitcoins.

    • Nuxt.js
    • Vue.js
    • SCSS
    • Swiper
    • Mobile-first design
    Case study Saraf World Cup
  • Full-page screenshot of Shayan Swim
    Front-end

    Shayan Swim

    Local-SEO website for Shayan Rezaei’s swimming lessons in Saadat Abad and west Tehran, with three training programs, a learning path, an FAQ and the areas it serves.

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • shadcn/ui
    • Local SEO
    Case study Shayan Swim
  • Full-page screenshot of Leily Wedding
    Front-end

    Leily Wedding

    Website for Leily, a wedding planning, photography and videography studio, with its services, a gallery of captured moments and a four-step process.

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • shadcn/ui
    • Framer Motion
    Case study Leily Wedding
  • Full-page screenshot of Elahe Mirzaeii
    Front-end

    Elahe Mirzaeii

    Personal website of Elahe Mirzaeii, a brand manager and creative lead, with her career path, a case study of her work at Saraf and her campaign videos.

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • Framer Motion
    • Lenis
    Case study Elahe Mirzaeii
  • Full-page screenshot of Trend Panel
    Front-end

    Trend Panel

    Operations panel of the Trend agency for Instagram, Telegram and influencer campaigns, with publishers, media plans, reports, invoices and payouts.

    • Vue.js
    • Vuetify
    • TypeScript
    • Pinia
    • Vite
    • Sentry
    Case study Trend Panel
  • Full-page screenshot of Pakshoma Dream Home
    Front-end

    Pakshoma Dream Home

    Campaign for Pakshoma fridges: visitors answer five questions, see their dream home and get a discount code, and buying a fridge enters them in a draw for a home.

    • Vue.js
    • TypeScript
    • Pinia
    • Vue Router
    • Vite
    • Axios
    Case study Pakshoma Dream Home
  • Full-page screenshot of Trend Landing
    Front-end

    Trend Landing

    Landing page for Trend, a digital marketing agency, with illustrated service sections and a fully responsive layout.

    • Bootstrap
    • SCSS
    • JavaScript
    • Flexbox
    • Responsive design
    Case study Trend Landing
  • Full-page screenshot of Moharek Charkhesh
    Full-stack

    Moharek Charkhesh

    Online store for an industrial bearings supplier, with brand showcases, product categories and a Laravel back end.

    • PHP
    • Laravel
    • Bootstrap
    • SCSS
    • JavaScript
    • AOS
    Case study Moharek Charkhesh
  • Full-page screenshot of Pacific Pretech
    Front-end

    Pacific Pretech

    Corporate website for an industrial supplier serving the energy, petrochemical and steel sectors.

    • Bootstrap
    • SCSS
    • JavaScript
    • Animations
    Case study Pacific Pretech
  • Full-page screenshot of Sanat Soleimani
    Full-stack

    Sanat Soleimani

    Product catalog for an official Ebara distributor, covering pumps, electromotors and gearboxes.

    • PHP
    • Laravel
    • Bootstrap
    • SCSS
    • JavaScript
    Case study Sanat Soleimani
  • Full-page screenshot of Mahgold Gallery
    Front-end

    Mahgold Gallery

    Storefront for a jewelry gallery, with collection pages, best sellers and a management dashboard.

    • jQuery
    • Bootstrap
    • Dashboard
    • Responsive design
    Case study Mahgold Gallery
  • Full-page screenshot of Portfolio V2
    Front-end

    Portfolio V2

    The personal portfolio this site replaced, with a fixed sidebar and sections for my skills, experience, filterable projects, open-source work and services.

    • Bootstrap
    • JavaScript
    • HTML
    Case study Portfolio V2
  • Full-page screenshot of Classic Portfolio
    Front-end

    Classic Portfolio

    My earlier personal portfolio, with a matrix-inspired terminal theme.

    • Bootstrap
    • jQuery
    • CSS
  • Full-page screenshot of PagePilot
    Front-end

    PagePilot

    Open-source project that gives clients a complete overview of their website’s front-end design through full-page previews.

    • Bootstrap
    • SCSS
    • JavaScript
    • Admin panel
  • Full-page screenshot of 4xmen
    Front-end

    4xmen

    Landing page for 4xmen, a website and application development team.

    • JavaScript
    • jQuery
    • SCSS
    • Bootstrap
    • HTML
    Case study 4xmen

Open source

Translations, guides and libraries I maintain or contribute to, used by developers around the world.

View all on GitHub
  • Documentation

    Pro Git in Persian

    A Persian translation of the second edition of the official Pro Git book, giving Persian-speaking developers full access to Git in their own language, kept in sync with the upstream repository.

    Maintainer Completed the translation chapter by chapter in 18 merged pull requests and 155 commits in 2025.

    • Markdown
    • Git
    • Localization
    stars
    7
    fork
    1
  • Guide

    Get GitHub Achievements

    A step-by-step guide to earning GitHub profile achievements such as Starstruck and Pull Shark, translated into 18 languages by 31 contributors.

    Maintainer Made 167 of its 344 commits, more than anyone else, and reviewed and merged 40 pull requests from other contributors.

    • Markdown
    • Open source
    • Multilingual
    stars
    1.4K
    forks
    365
  • UI framework

    Vuetify

    A Vue.js component framework with a large set of Material Design components, theming and right-to-left support.

    Contributor Filled in its missing Persian translations in a merged pull request, and reported letter spacing that distorted Arabic buttons, which Vuetify then removed for every right-to-left locale.

    • Vue.js
    • Localization
    • RTL support
    stars
    41K
    forks
    7.1K
  • RTL components

    Web Package RTL

    A right-to-left web package for Bootstrap and Tailwind with responsive SCSS components such as navbars, heroes and invoices, made for Persian and Arabic websites.

    Top contributor Made 84 of its 87 commits, adding components such as mega menus, pricing sections and invoice templates.

    • HTML
    • SCSS
    • RTL design
    stars
    663
    forks
    197
  • Laravel

    xShop

    An open-source shopping system built with Laravel and a Vue.js front end, with multilingual RTL and LTR support, modular configuration and a ready-to-use admin panel.

    Contributor Reworked the storefront header and footer and the admin panel’s tables in 3 merged pull requests.

    • Laravel
    • PHP
    • Vue.js
    • E-commerce
    stars
    506
    forks
    179
  • App builder

    Anubias

    A desktop app for Windows, macOS and Linux that builds native mobile apps in a visual editor, with free templates to start from.

    Contributor Redesigned its README, adding screenshots of the app, in a merged pull request.

    • Vue.js
    • Desktop app
    • Mobile apps
    stars
    2.3K
    forks
    441
  • npm package

    x-mega-menu

    A fast, dependency-free, multi-level mega menu in vanilla JavaScript with RTL support, Webpack and Vite integration, and several ready-made styles.

    Contributor Added new menu styles and rewrote the README with screenshots in 2 merged pull requests.

    • JavaScript
    • Responsive UI
    • RTL support
    stars
    182
    forks
    45
  • Curated list

    README.BOX

    A curated list of standout GitHub profile READMEs and the tools for making one, with a preview of every profile.

    Maintainer Made 46 of its 51 commits, adding profiles, previews and tools, and merged the pull requests other contributors sent.

    • Markdown
    • GitHub
    • Profile README
    stars
    54
    forks
    20
  • Vue.js

    Vue DevTools

    The official browser extension and app for debugging Vue.js applications.

    Issue reporter Reported that the devtools wouldn’t open when the Vite plugin and the browser extension were installed together, and posted the cause for others who hit it.

    • Vue.js
    • Browser extension
    • Debugging
    stars
    2.9K
    forks
    283

GitHub stats as of October 2026.

Services

From the first component to production and beyond, I can own the whole lifecycle of your web application.

  • Front-end development

    Responsive, user-friendly interfaces built with modern frameworks like Vue.js and libraries like Vuetify, with clean, efficient code that feels right on every device.

  • Back-end development

    Robust, scalable server-side applications with performance and security in mind, from API design to third-party integrations.

  • Database design

    Efficient schemas and well-tuned queries on SQL and NoSQL systems, so your data stays secure, accessible and ready to scale.

  • Version control and collaboration

    Git and GitHub workflows that keep a team’s codebase organized, reviewable and easy to trace.

  • Deployment and hosting

    Server configuration, domains and a reliable delivery pipeline, so your application runs smoothly in production.

  • Maintenance and new features

    Ongoing updates, security fixes and new features after launch, as your business requirements evolve.

Working with me

What clients usually ask before we start a project.

  • Who is Yasin Dehfuli?

    Yasin Dehfuli is a front-end developer from Tehran, Iran, who has built websites and web applications professionally since 2021. He works full-time at Saraf, an investment platform, builds with Vue.js, Nuxt.js, Next.js, NestJS and TypeScript, and takes on freelance projects for teams around the world.

  • Are you available for freelance work?

    Yes. I take on freelance front-end projects and remote work with teams anywhere in the world, alongside my full-time role at Saraf.

  • What kind of projects do you build?

    Fast, accessible websites and web apps: landing pages, campaigns, company sites, online stores, catalogs, dashboards and admin panels. Recent work uses Angular, Vue.js, Nuxt.js, Next.js, NestJS and TypeScript; earlier client sites run on Bootstrap and Laravel.

  • Which technologies do you work with?

    Vue.js, Nuxt.js, NestJS and TypeScript every day, with Vuetify, Pinia, Tailwind CSS and Vite. I also use Angular, React, Next.js and Laravel when a project needs them.

  • Can you build right-to-left websites?

    Yes. Most of my client sites are in Persian, so right-to-left layouts are part of my everyday work, and this site itself has separate Persian and English editions.

  • Where are you based, and which languages do you speak?

    Tehran, Iran (UTC+3:30). I work in Persian and English.

  • Can you take over an existing codebase?

    Yes. Maintenance, new features and refactoring after launch are part of what I offer, with Git workflows your team can review.

  • How do we start?

    Email me at ydehfuli@gmail.com or message @YasinDehfuli on Telegram with what you’re building and when you need it. I’ll reply with questions and next steps.

Contact

Have a project in mind, a question, or just want to talk tech? I’d love to hear from you.

Available for freelance work

Open to freelance projects and remote work with teams anywhere in the world.

Ways to reach me

Designed and built with Angular.