<Hamid />

About me

As a Full Stack Developer with over 10 years of experience, I design and implement dynamic, user-oriented web applications using JavaScript, TypeScript, React, Node.js, and Express.js. My expertise spans across both front-end and back-end development. I can create scalable solutions right from end to end. Currently working as Senior Frontend Engineer at Heaptify, I drive the development of challenging features, which have improved the performance and user experience.

I have always focused on writing clean, maintainable code and optimizing system performance, hence delivering quality results consistently. I enjoy solving complex challenges with cross-functional teams to align efforts in development toward the goals of business for effective and efficient outcomes.

Being passionate about continuous learning, I keep up with the latest technologies and contribute to the developer community via knowledge sharing and open-source contributions.

Skills

JavaScriptTypeScriptReactNode.jsTypeORMExpress.jsVue.jsNuxt.jsJestReact Testing LibraryMobXReduxVuexSCSSHTMLCSS

Timeline

Senior Frontend Engineer

HeaptifyLondon, United Kingdom
reactjstypescriptgraphQLreduxreact-testing-libraryAWSstorybook
  • Defined optimal technology stacks for projects to ensure robust and scalable solutions.
  • Led project management efforts, ensuring timely delivery within defined scope parameters.
  • Orchestrated cross-functional collaboration to align projects with timelines, goals, and comprehensive development strategies.
  • Coordinated tasks, delegated responsibilities, and monitored progress to maintain project momentum.
  • Integrated a comprehensive component library for consistency and efficiency, alongside implementing unit tests to ensure reliability and quality.
  • Utilized GraphQL to streamline backend communications for efficient data retrieval and management.
  • Integrated projects with a micro-frontend architecture to enhance scalability and maintainability.

Senior Frontend Developer

DerivCyberjaya, Malaysia
reactjsjavascripttypescriptmobxjestreact-testing-librarystorybooksass
  • Collaborated cross-functionally to deploy 20+ dynamic features for Deriv's web apps using React for improved user experience.
  • Developed and maintained a Storybook instance for Deriv's design system, collaborated with designers and developers to create reusable UI components, and contributed to the component library.
  • Implemented MobX to manage complex application states in Deriv's web applications, which led to more predictable user interactions and more robust and maintainable user interfaces.
  • Wrote comprehensive unit tests for 50+ components, ensuring reliable and maintainable code with reduced bugs.
  • Actively participated in 100+ code reviews, maintaining best practices and code quality, while sharing knowledge through participating in meetings and presenting on various topics.
  • Worked under tight deadlines in a fast-paced environment using agile methodologies, and demonstrated strong problem-solving skills as a Release Manager.

Senior Frontend Developer

Re-WorkCyberjaya, Malaysia
reactjsjavascriptmobxjestreact-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

hamid

Updated a minute ago

💾 ‎ Personal website running on NextJS

nextpersonal-blogpersonal-websiteresumeresume-websitetailwindcsstypescript

vite-react-starter-kit

starter-kit
Updated 3 months ago

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

eslintreactstarter-kitstarter-templatestylelinttailwindcsstypescriptvite

weather-app

Updated 10 months ago

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

mantinereactjsreduxtailwindcsstypescriptviteweather-app

node-starter-kit

starter-kit
Updated a year 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

deriv-cli

Updated a year 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

use-form-hook

Updated a year 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

html-to-object

Updated a year 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

cli-starter-kit

starter-kit
Updated a year 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 a year ago

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

app-directoryeslintlocalizationnextjsreact-querystarter-kitstylelinttailwindcsstemplatetypescript

flexbox

Updated a year ago

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

cssflexflexboxplaygroundreactreactjsscss

ts-codemod

Updated 2 years ago

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

codemodjavascriptjsmigrationtstypescript

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.

Download ResumeLet's Talk