Hero background for Yasin Dehfuli portfolio

Yasin Dehfuli

I'm

About

Hello! I'm Yasin Dehfuli, a dedicated software developer with a deep passion for programming and technology. For me, coding isn't just a profession—it's a journey of discovery and creativity, where I constantly strive to learn, grow, and innovate. I have a strong appreciation for the open-source community and actively contribute to projects that help developers worldwide. I believe in the power of collaboration and continuous learning, which drives me to explore new technologies, refine my skills, and embrace fresh challenges. Whether it's solving complex problems, designing elegant solutions, or learning the latest in software development, I bring enthusiasm and dedication to every project I undertake. Feel free to connect with me or explore my portfolio to learn more about my journey and aspirations!

Yasin Dehfuli personal photo

Web Developer & Software Engineer.

I craft modern, efficient, and user-focused web applications using Vue.js, React, Angular, Laravel, and cutting-edge technologies with passion and precision.

  • Birthday: 7 July 1999
  • City: Tehran, Iran
  • Contact: Available

My passion for programming began in 2016 with basic concepts, and in 2021, I started pursuing it professionally. That year marked the beginning of my journey into full-stack development, and ever since, I've been dedicated to continuous learning and enhancing my skills. Through consistent effort and a focus on both frontend and backend technologies, I've built a solid foundation in web development. I am always eager to tackle new challenges, improve my craft, and stay up-to-date with the latest industry trends to deliver high-quality, innovative solutions.

Technical Skills & Expertise

Comprehensive full-stack development skills covering frontend frameworks, backend technologies, databases, and modern development tools

  • Front-end
    • JavaScript
    • TypeScript
    • Vue.js
    • ReactJs (familiar)
    • Angular (familiar)
    • Vuetify
    • Pinia
    • Axios
    • RESTful APIs
    • AntDesign (familiar)
    • NextJs (familiar)
    • Angular Universal (familiar)
    • JQuery
    • Bootstrap
    • TailwindCSS
    • Material UI
    • SASS/SCSS
    • HTML
    • CSS
    • AOS
    • Responsive Web Design
  • Development Tools
    • Git
    • Linux
    • Docker
    • Vite
    • Webpack
    • ESLint
    • Prettier
    • HoskyJs
  • Back-end
    • PHP (familiar)
    • Laravel (familiar)
    • Node.js
  • Database
    • SQL (familiar)
  • General Development Skills
    • Building Open-Source Projects
    • Component-Based
    • Composition-API
    • Agile & Scrum
    • SOLID
    • Modular Design

Professional Experience & Education

Experienced Front-End web developer specializing in Vue.js, React, Angular, and familiar Laravel development. Expert in creating responsive, user-friendly interfaces and scalable backend solutions. Proven track record in modern development tools, open-source contributions, and agile methodologies. Continuously adapting to the latest web development trends and technologies. Dedicated to creating seamless digital experiences through clean, efficient, and maintainable code.

Summary

Yasin Dehfuli

Started my career in 2022 with two years of open-source contributions and freelance work, building tools and collaborating with global developer communities. Since 2024, I have been working in the tech industry, gaining experience in software development, teamwork, and delivering scalable solutions.

Education

Bachelor's Degree in Computer Science, Full Stack Web Development

2021 - 2022

Tehran institute of technology

Associate's Degree in Computer Software

2017 - 2019

Imam Khomeini Technical College, Mazandaran

Professional Experience

Front End Developer — Trend Agency

Apr 2024 – Present

Tehran, Iran

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

Challenges Ahead:
  • Developed and rebuilding the company’s campaign management platform using Vue 3, TypeScript, and Vuetify 3, replacing a legacy, unmaintainable system
  • Designed a modular, scalable architecture using 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 (v-td-tooltip, v-can, v-deny).
  • Improved overall performance with lazy loading, caching, and optimized data fetching.
  • Collaborated with UI/UX and backend teams to bridge design and logic — ensuring seamless data flow, clean component composition, and a polished user experience

Projects

Showcase of professional web development projects including Vue.js applications, React components, Laravel backend systems, responsive frontend designs, and open-source contributions. Each project demonstrates expertise in modern web technologies, problem-solving capabilities, and commitment to delivering high-quality, scalable solutions.

  • All
  • Front End
  • Full Stack
Trend Landing Project Screenshot

Front end Trend landing

Bootstrap SCSS JavaScript Flexbox Responsive
Moharek Charkhesh Project Screenshot

Full Stack Moharek charkhesh

PHP Laravel Bootstrap SCSS JavaScript AOS
Pacific Pretech Project Screenshot

front end pacific pretech

Bootstrap SCSS AnimationJS JavaScript
Sanat Soleimani Project Screenshot

full stack Sanat Soleimani

PHP Laravel Bootstrap SCSS JavaScript
Mahgold Gallery Project Screenshot

Front end mahgold gallery

jQuery Dashboard Bootstrap Responsive
Portfolio Project Screenshot

Front end portfolio

Bootstrap jQuery CSS
Page Pilot Project Screenshot

Front end Page Pilot

Design Bootstrap SCSS Backend Panel JavaScript
4Xmen Project Screenshot

Front end 4Xmen

Design JavaScript jQuery SCSS Bootstrap HTML
xStack Project Screenshot

Front end xStack

Vue.js Bootstrap JavaScript

Open Source Projects

Passionate about contributing to the open-source community, I actively develop and maintain projects that help developers worldwide. These projects showcase my commitment to collaboration, innovation, and knowledge sharing in the developer community.

ProGit Translation

Documentation

A Farsi (Persian) translation of the second edition of the official book Pro Git, providing Persian‑speaking developers full access to Git concepts in their native language. Fully translation and update to latest git repository.

Markdown Git Localization Documentation
~6.3 Stars ~2.1 Fork
View on GitHub Documentation

Get‑Github‑Achievements

Guides

A step‑by‑step guide showing how to earn the various profile badges/achievements offered by GitHub, Translated to 18 languages by 25 contributors (e.g., Starstruck, PullShark), including translations into multiple languages.

Markdown Open Source Multi‑language
~1.2k Stars ~345 Forks
View on GitHub

Web‑Package‑RTL

RTL‑Web Components

A full right‑to‑left (RTL) web package of Bootstrap And Tailwind completely SASS/SCSS style and responsive components (Navbar, Hero, invoice), designed particularly for Persian/Arabic websites.

HTML CSS/SCSS RTL Design Web Components
~675 Stars ~204 Forks
View on GitHub

x‑mega‑menu

npm

A fast, dependency‑free multi‑level responsive mega menu library in vanilla JavaScript with RTL support. With Webpack and Vite support and different usefully styles and different background colors

JavaScript Responsive UI RTL Support VanillaJS
~184 Stars ~43 Forks
View on GitHub NPM Package

Xshop

Laravel

An open‑source shopping system built with Laravel (PHP) and integrated Vue.js front‑end, designed for high customizability, multilingual support (RTL/LTR), and modular configuration. With ready to use Backend and DataBases

Laravel PHP Vue.js E‑commerce
~494 Stars ~179 Forks
View on GitHub Documentation

Vue Devtools

VueJS

Official browser extension and application for debugging Vue.js applications: inspect component tree, state, events, performance and integrations. Reporting Vue devtools issue while installing devtools package and using browser extension together

Vue.js Browser Extension Debugging DevTools
~24.8k Stars ~4.1k Forks
View on GitHub Documentation
View All Projects on GitHub

Web Development Services & Solutions

Professional full-stack web development services including Vue.js frontend development, React application building, Laravel backend development, responsive web design, API integration, database optimization, and custom web solutions. Specializing in delivering scalable, SEO-optimized, and user-friendly web applications tailored to meet specific business requirements.

1. Frontend Development

I specialize in creating responsive, user-friendly interfaces using modern frameworks like Vue.js and libraries like Vuetify. My focus is on delivering seamless user experiences by crafting clean, efficient, and visually appealing designs that are optimized for all devices.

2. Backend Development

I build robust and scalable server-side applications using technologies that ensure high performance and security. From API design to integrating third-party services, I ensure the backend is reliable and aligns perfectly with frontend requirements.

3. Database Design and Management

I design efficient database structures and manage data storage solutions using both SQL and NoSQL systems. From schema design to query optimization, I ensure your application's data is securely stored, easily accessible, and scalable.

4. Version Control and Collaboration

I utilize Git and GitHub to manage codebases effectively, enabling seamless collaboration within teams. With experience in version control workflows, I ensure that project development remains organized, trackable, and error-free.

5. Deployment and Hosting

I handle deployment processes to make sure your application runs smoothly in production. From configuring servers to managing domains and hosting solutions, I ensure a reliable and efficient deployment pipeline for your projects.

6. Maintenance and Feature Updates

Beyond development, I provide ongoing support to ensure your applications remain updated, secure, and functional. I also work on adding new features to meet evolving business requirements and improve the user experience.

Contact

Feel free to reach out for collaborations, inquiries, or just to talk tech—I’d love to hear from you!

Telegram:

@iYacin

Email:

ydehfuli[at]gmail.com