hero imageTransforming Ideas into Digital Realities

Building Web Applications that Exceed Expectations

I am a frontend web app developer with 5.11+ years of experience in React JS & Next Js, along with expertise in SEO. Currently at Dynamics Monk, where my focus lies in designing & developing dynamic & user-friendly web apps.

About Me

Hello! I am Himanshu, a web app developer driven by a passion for crafting captivating digital experiences. My unique blend of design finesse and coding expertise results in user-friendly, responsive UIs that adapt seamlessly across devices and browsers. Collaborating closely with project designers, I ensure their visions become functional, aesthetically pleasing user interfaces, maintaining design consistency throughout the site.

Adhering to industry best code practices & patterns, I create web solutions that harmoniously balance functionality and aesthetics. Apart the technical, I also have 3 years expertise in SEO which helps me to write the HTML in such a way that screen readers (improve accessbilities) & search engine understand what is the code about. Apart from the work, I love to play Soul based & open world PC games, reading & writing technical blogs, meditation.

frontend

Frontend

Creating captivating user interfaces with frontend technologies for seamless and engaging web experiences.

  • HTML & CSS
  • SASS & SCSS
  • JavaScript
  • Typescript
  • React JS
  • Next JS
  • Webpack
  • Micro frontend
  • CSS Modules, CSS in JS, Tailwind CSS & Chakra UI
  • Redux, Redux Toolkit & Tansack React Query
Testing & Tools

Testing & Tools

Ensuring frontend perfection through unit testing, guaranteeing flawless functionality and optimal user experience.

  • Jest
  • Enzyme
  • Vitest
  • React testing library
UI Designing (Intermediate)

Tools & Process

Using helpful tools and organized methods to make creating and launching front-end projects easier and more effective.

  • Github & Gitlab
  • Bitbucket
  • Vercel
  • Jira
  • Agile & Scrum
  • Webflow

MY WORK EXPERIENCES

Frontend React JS Developer

From May 2021 to Present
  • Developed a UI for one of biggest Entertainment based business Platform (Malaysia based) where users can create their account, explore packs, add items to their cart, manage their billing, address, order & tracks new packs.
  • Developed Employee benefits management system UI for One of biggest firm of USA for managing every benefit related scheme for employee.
  • Implement best practices on the web app that comply with w3c accessibility standards to cover maximum audience.
  • Implement best practices such as code splitting, lazy loading, react profiler (for Analysis) to optimized application performance
  • Implemented React Testing Library, significantly reducing UI-related bugs by up to 90-95% through unit testing to have error-free user experience.
  • Earned successive commendations from clients for consistently delivering exemplary work, underscoring commitment to exceptional UI development and client satisfaction.
  • Enhanced web app performance by migrating React JS codebase to Next.js, resulting in a remarkable 100% improvement.

BLOGS & POSTS

  • What is better React Testing Library or Enzyme?

    What is better React Testing Library or Enzyme?

    I wish, if I did not ignore this earlier, if I took it seriously, then I was not confused to suggest which library we should use in the React for the project.

    Read More
  • Let's understand more about React memo

    Let's understand more about React memo

    Apart from memorizing props, it performs a shallow comparison on both old and new props, and if any change's detected, it will re-render the component.

    Read More
  • When should we use useState & useReducer?

    When should we use useState & useReducer?

    Ever wondered what can be the use cases of useState or useReducer hook in React?, Why should we use useReducer over useState?

    Read More
  • A Short Secret of Closures

    A Short Secret of Closures

    When we return a function from a function, then returned function does not come alone. It also brings nearby values (those who are in the same scope) under [[scopes]] property.

    Read More
  • Let's understand the React JSX in Depth

    Let's understand the React JSX in Depth

    Did you know in React, it is not required to create a component using only JSX? You can use React createElement function as well for building the Components.

    Read More
  • Writing Clean Code in JavaScript - Variables

    Writing Clean Code in JavaScript - Variables

    If the value is an object, then use some descriptive name for it. An object can have many data about the users or person or can be a group of data. Example: userInfo, database, authenticatedUserData, etc.

    Read More
  • What is useEffect()?, How does it work? & Why should we use useEffect()?

    What is useEffect()?, How does it work? & Why should we use useEffect()?

    Well, useEffect is React hook, which use to handle side effects functions (side Effects are those functions that interact with the outside world, or you can say interact with out of React ecosystem), and with useEffect, we can separate them into another Function.

    Read More
  • Rotate image without cutting off sides using Python – OpenCV

    Rotate image without cutting off sides using Python – OpenCV

    Rotating images with OpenCV is easy, but sometimes simple rotation tasks cropped/cut sides of an image, which leads to a half image. Now, In this tutorial, We will explore a solution to safely rotate an image without cropping/cutting sides of an image so that the entire image will include in rotation, and also compare the conventional rotation method with the modified rotation version.

    Read More
hero image

Exploring New Opportunities!

I enjoy creating web apps and I am ready for new challenges in a different environment. Lets connect on LinkedIn to chat about how I can contribute to your team. Just drop me a message on LinkedIn, and I will be sure to reply!