About me

Seasoned front-end developer with over 10 years of experience in JavaScript, React, Vue.js, and TypeScript. Delivered high-quality code and thorough testing, resulting in a 99% code coverage rate. Actively helped others and shared knowledge, contributing to a collaborative and productive team environment. Consistently sought out new challenges and opportunities to learn and improve skills. Contributed to innovative solutions and approaches to development challenges, resulting in a 20% increase in efficiency. Confident in adding significant value to any project.

Skills

JavaScriptTypeScriptReactVue.jsNuxtJestMobXReduxVuexVuetifyMUISCSSHTMLCSS

Timeline

Senior Frontend Developer

DerivCyberjaya, Malaysia
reactjstypescriptmobxjavascriptreact-testing-librarystorybooksass
  • Collaborated with cross-functional teams to design, develop, and deploy 20+ new features for Deriv's web applications utilizing React, resulting in a more dynamic and user-friendly experience.
  • Contributed to the development of Deriv's style guide and component library, resulting in 30% faster development time for modular and customizable web applications.
  • Actively participated in 100+ code reviews, providing constructive feedback to maintain code quality and best practices.
  • Demonstrated strong problem-solving skills and worked under tight deadlines in a fast-paced, dynamic environment, utilizing agile methodologies to manage project timelines and prioritize tasks.
  • Kept up-to-date with the latest technologies and frameworks to remain competitive.
  • Wrote comprehensive unit tests for all 50+ components, ensuring reliability and maintainability.
  • Managed states in complex applications using MobX for efficient and streamlined user experiences.

Senior Frontend Developer

Re-WorkCyberjaya, Malaysia
reactjstypescriptmobxjavascriptreact-testing-librarystorybooksass
  • Develop 10+ component-based web applications utilizing WebSocket and APIs
  • Develop applications using React and manage states with MobX
  • Develop unique components utilizing React, Stitches, and Storybook
  • Write unit tests for components
  • Reviewed 1000+ lines of code from other developers and suggested improvements to maintain high code quality.

Front-end Team Lead

YasnaTeamTehran, Iran
JavaScriptTypeScriptVue.jsNuxt.jsVuexSASS
  • Led a Front-end team in the development of a custom framework, G, which is used in projects of various scales ranging from a simple blog to large-scale eCommerce.
  • G, a modular platform built on Vue.js, was developed to deliver clients a better and more consistent experience.
  • Developing Applications UI via emerging Front-End Technologies such a SASS and creating UI Framework
  • Developing 100+ unique components
  • Oversaw employee performance, reviewed PRs, corrected problems, and increased efficiency to maintain productivity targets.

Front-end Developer

FreelanceTehran, Iran
JavaScriptVue.jsNuxt.jsSASS
  • Develop Applications UI via emerging front-end Technologies such as Vue.js and SCSS.
  • Tested web-based product functionality and delivered iterations to customers.

Front-end Developer

HamikarTehran, Iran
AngularJSAngular MaterialCSSHTMLSASS
  • Creating UI kit for redesigning the Web App of the company
  • Developing a new version of the web app with Angular.js using Angular Material Framework
  • Review team member codes and train interns.

Front-end Developer

BoorsikaTehran, Iran
SCSSHTMLjQueryWordPressOpencartUIUX
  • Develop Applications UI via emerging front-end Technologies such as jQuery and SASS.
  • Design UI within front-end web frameworks such as Bootstrap, exploiting associated templates, and tools to shorten development times.
  • Collaborated with UX Designer to integrate UI features complying with prescribed code standards and technical design guidelines.

Front-end Developer

FreelanceTehran, Iran
SCSSCSSHTMLjQueryWordPressUIUX
  • Develop Applications UI via emerging front-end Technologies such as jQuery and SASS and using frameworks such as Bootstrap.
  • Designed and updated layouts to meet usability and performance requirements.

Projects

Updated a minute ago

💾 ‎ Personal website running on NextJS

nextpersonal-blogpersonal-websiteresumeresume-websitetailwindcsstypescript
Updated a month ago

Weather Vibe is a weather forecast app built with Vite, React, TypeScript, Redux, Tailwind CSS, and Mantine.

mantinereactjsreduxtailwindcsstypescriptviteweather-app
Updated 2 months ago

A comprehensive starter kit for building robust web applications, powered by Node.js, Express.js, MongoDB, and TypeScript, offering a solid foundation for rapid development.

apiapi-restauthenticationeslintexpressmongodbmongoosenodejsstarter-kittemplatetypescript
Updated 2 months ago

Starter kit for ReactJS using Vite, TS, Tailwind, Testing-Library, ESLint and StyleLint. Includes best practices for folder structure 🔥

eslintreactjsstylelinttailwindcsstemplatetesting-librarytypescriptvite
Updated 2 months ago

Deriv CLI is a command-line tool that brings pull requests, issues, branching, and some other tasks to your terminal, so you can do all your work in one place.

cliredmineredmine-apirollupterminaltypescript
Updated 2 months ago

A React form hook that streamlines form management, simplifying state handling, validation, and submission. Enhance your React applications with efficient, clean, and maintainable forms using use-form-hook.

formhooksreacttypescript
Updated 2 months ago

A simple tool that allows you to convert HTML files into JavaScript objects and write them to a JSON file.

cliconverterdom-manipulationhtml-to-jsonjsontypescript
Updated 3 months ago

Kickstart your TypeScript-based CLI project instantly. This boilerplate provides a ready-to-use setup with powerful features, making it easy to develop command-line tools in TypeScript with minimal setup.

boilerplateclicommand-linecommanderinquirertemplatetypescript

next-starter-kit

starter-kit
Updated 4 months ago

A TypeScript starter kit for Next.js that includes TailwindCSS, Localisation, ESLint, StyleLint, IconPark, and Markdown Content support 🔥

app-directoryeslintlocalizationnextjsreact-querystarter-kitstylelinttailwindcsstemplatetypescript
Updated 7 months ago

An interactive playground for learning and experimenting with CSS Flexbox, a powerful layout system for creating responsive web layouts.

cssflexflexboxplaygroundreactreactjsscss
Updated 7 months ago

codemod tool to helps developers migrate JavaScript code to TypeScript by automatically updating syntax, adding type annotations, and updating imports.

codemodjavascriptjsmigrationtstypescript

vue-starter

starter-kitarchived
Updated 7 months ago

Starter kit for Vue 3 using Vite, TS, Tailwind, ESLint, and StyleLint 🚀

eslintlocalizationsassstylelinttemplatevuevue-routervue3vue3-typescriptvuejsvuex

wonuxt

archived
Updated 3 years ago

Wordpress + WooCommerce + Nuxtjs - A modern starter kit, with support for SPA, Universal and Generated sites.

nuxtjswoocommercewordpress

Certificates

Learning Bash Scripting

LinkedIn LearningJuly 2023

Learning Redux Toolkit

LinkedIn LearningJuly 2023

React Hooks

LinkedIn LearningJuly 2023

React.js Code Challenges

LinkedIn LearningJuly 2023

React: Design Patterns

LinkedIn LearningJuly 2023

React: State Management

LinkedIn LearningJuly 2023

TypeScript Essential Training

LinkedIn LearningJuly 2023

Agile: Scrum for Developers

LinkedIn LearningApril 2023

CSS Logical Properties

LinkedIn LearningApril 2023

React: Using TypeScript

LinkedIn LearningApril 2023

Scrum: The Basics

Project Management InstituteApril 2023

Scrum: The Basics

LinkedIn LearningApril 2023

Languages

PersianNative
EnglishFluent

Let's Talk

My inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you! Also you can find me on Github, Linkedin, Twitter and Telegram.