Harshul Kansal

Harshul Kansal

I am a

Email meSchedule a call

About

Solution-oriented and problem solver with 6 years of experience building and maintaining 9 different products and their architecture. Highly skilled in communication, collaboration, and technical documentation. I live for good UX. I sometimes write blogs, love to grow plants, cook, play flute and travel.

Looking forward to new challenges and exciting collaborations!

Experience

  1. 15 February, 2022 — Present

    Created and maintained algorithms for orderflows (buy, manage, rebalance, exit) in investment platforms for Indian/US equities and mutual funds. Fixed ROTA tasks with end-users...

    • ReactJs 18
    • Javascript
    • TypeScript
  2. 01 July, 2019 - 14 February, 2022

    • Mindtree (LTI) logo BCG
    • Mindtree (LTI) logo GE Healthcare
    • Mindtree (LTI) logo Internal

    Was a part of the COE (center of excellence) team, conducted code reviews, developed multiple POCs, and assisted teams in overcoming blockers while enhancing code quality. Bu...

    • ReactJs
    • Node.JS
    • SCSS

Apps

  1. Mac Gesture icon

    Mac Gesture

    macOS

    Custom multi-finger trackpad gestures for macOS

    Map 3-finger, 4-finger, and 5-finger trackpad taps to configurable actions — middle click, keyboard shortcuts, system controls, and more. All your existing swipe and pinch gestures keep working.

    • Swift
    • macOS
    • CGEvent
    • MultitouchSupport
    First-time setup
    1. Open the DMG → drag MacGesture.app into Applications
    2. Remove the quarantine flag (required because the app is not notarized): 
      xattr -cr /Applications/MacGesture.app
    3. Open MacGesture → grant Accessibility permission when prompted
    4. Tap your trackpad!

    Without the xattr step, macOS will show "the app is damaged" — this is normal for unsigned apps downloaded from the internet. You only need to do this once per version.

    Download Source
  2. React Secret Easter Egg icon

    React Secret Easter Egg

    Web

    Custom React hook library for adding hidden easter eggs to your apps

    A React hook library designed to help developers add hidden easter eggs to their applications. Supports key combinations, mouse click patterns, and voice commands as activation triggers with customizable callbacks and TypeScript support.

    • React
    • JavaScript
    • TypeScript
    • Hooks
    npm Demo Source
View All Apps

Blogs

  1. No `querySelector()` for testing React components thumbnail

    Because that is not how the user would find the element on the screen.

    • #react-testing-library
    • #best-practices
    • #accessibility
  2. Shortcuts for VSCode macOS+windows thumbnail

    There are a countless number of shortcuts, I am only writing the ones that I use daily.

    • #vscode
    • #code
    • #hacks
    • #fast
    • #ninja
    • #senior-dev
  3. React - Error handling with (HOC) thumbnail

    How can we avoid blank screens using error boundaries as (HOC).

    • #react
    • #hoc
    • #error
    • #errorHandling
    • #errorBoundary