Hi👋, I'm Hesam Hosseini

A mid-level front-end developer, my passion is to provide well tested and maintainable code, pixel-perfect user interfaces and the best user experience using the latest technologies.

linkedin.logo
github.logo
illustration

About me

Currently, I’m working @ Swapay as a front-end developer, I live in Isfahan Iran, with more than 4 years of professional experience I transform ideas into reality using JS, with latest technologies such as React.js, Node.js, Next.js, Redux, I care about code readability and maintainability and actively I use linters and code analysis tools like Prettier, ESLint, StyleLint, I find happiness in being a better me today than I was yesterday. Scroll down to see some of the projects I've been working on.

Projects

The most relevant projects I've worked on. My daily tasks include:

Setting up codebaseCode refactorCode reviewSetting up front-end architectureComing up with suggestionsWrite e2e & unit testsWrite documentation
Frontend DeveloperJune, 2024 – Present

Engineered high-performance applications using Next.js 14, optimizing user experience through SSR and CSR techniques, resulting in a 20% increase in user satisfaction scores. Customized and utilized the ShadCN component library, achieving a consistent and reusable UI across multiple projects, reducing development time by 15%. Implemented advanced rendering strategies, enhancing scalability and efficiency of web applications, leading to a 25% improvement in load times. Conducted thorough testing and debugging, maintaining high-quality standards and minimizing production issues, decreasing bug-related incidents by 40%. Collaborated with design and development teams, ensuring seamless UI component integration and reducing integration issues by 30%.

  • Next.js
  • JavaScript
  • React
  • HTML5
  • CSS3
  • SCSS
  • Git
  • VSCode
Frontend DeveloperNovember, 2022 – June, 2024

Refactored and analyzed code, improving readability and maintainability by 30%, leading to easier future updates and modifications. Developed and maintained a custom UI kit using SCSS, which increased the reusability of components and reduced customization time by 30%. Built a project with Next.js 13, focusing on modern web development practices and performance optimization, resulting in a 25% decrease in page load times. Contributed to products that are currently used by over 100,000 users, significantly impacting user engagement and satisfaction. Optimized application performance, resulting in a 15% faster load time and a 10% increase in user engagement.

  • Next.js
  • JavaScript
  • React
  • HTML5
  • CSS3
  • SCSS
  • Git
  • VSCode
Teaching AssistantAugust, 2022 – Present

Taught HTML and CSS for building and styling web pages, and JavaScript (ES6, ES7) fundamentals and advanced features to over 50 students. Instructed students on TypeScript fundamentals, enabling robust, type-safe code development, resulting in a 30% improvement in student project stability. Guided students through React.js, including hooks, routing, custom hooks, HOC, and state management, helping students reduce development time by 20%. Educated on version control with Git and GitHub, including branching, merging, and pull requests, increasing student collaboration efficiency by 30%. Tutored students in testing and debugging web applications using Jest and React Testing Library, improving test coverage by 40%.

  • JavaScript
  • TypeScript
  • React
  • HTML5
  • CSS3
  • Git
  • Jest
  • VSCode

Skills

Technology I've worked & dabbled with:

React.js

Next.js

Redux

Apollo GraphQL

Javascript

Typescript

HTML5

CSS3

Sass

EsLint

Prettier

Styled-components

Storybook

Chakra UI

Node.js

Git

GitHub

GitLab

Bitbucket

Weblate

Npm

Yarn

Vercel

Firebase

Webpack

Express.js

Main skill set 🚀

Today's Quote

zenquotes.io

About this website

In case you're wondering how this site was built, you can check source code in github, but here's a quick overview of how things are done.

There are also other dependencies used on this website like React-iconsfor managing easily the icons, Chat.jsfor building the radar chart in the skills section, if you want to know more, feel free to take a look on the source code on Github

No ads, no tracking. Enjoy your day!