[DevOps/DX] Setup Pre-commit hooks using Husky & Lint-staged

[yash-pouranik]

Description

Currently, our monorepo does not enforce linting rules before a commit is made. This means contributors might accidentally push code with formatting errors, trailing spaces, or unused variables, which then requires manual fixes or fails in CI.

To maintain high code quality and improve our Developer Experience (DX), we need to implement Husky and lint-staged. This will automatically run our linter on staged files right before a commit is created. If the linter fails, the commit will be blocked until the issues are fixed.

What needs to be done (Tasks)

• Install husky and lint-staged as development dependencies in the root package.json.
• Initialize husky in the repository (this will create a .husky folder).
• Create a pre-commit hook inside .husky/ that triggers npx lint-staged.
• Add a lint-staged configuration block in the root package.json (or a .lintstagedrc file) to run ESLint on all staged JavaScript/React files (*.js, *.jsx).
  • Hint: It should run npm run lint --workspace=web-dashboard (or equivalent eslint command) only on the files that are staged.
• Update package.json scripts to include "prepare": "husky install" so that husky hooks are automatically set up when someone runs npm install.

Where to look

• Root package.json
• apps/web-dashboard/package.json (to see the existing lint commands)

Why this is important

This is a standard industry practice that saves reviewers time and ensures the urBackend codebase stays clean and consistent!

Skills Required

• Basic knowledge of Node.js & package.json
• Git Hooks
• ESLint / Code Linting concepts

[mayannkkk19]

hey @yash-pouranik , i would like to contribute to this issue under GSSoC'26.
Please assgin this issue to me.

[yash-pouranik]

I never assign directly
without knowing devs approach.
@mayannkkk19

[mayannkkk19]

Hey @yash-pouranik , I have gone through the issue. My approach would be :

I will be installing husky and lint-staged in root directory.

Add a prepare script in package.json.

A pre-commit hook needs to be created inside .husky/ to run npx lint-staged.

lint-staged needs to be configured to run eslint only on staged js or JSX files.

I will also test commits locally in order to confirm that everything is working perfectly...

[yash-pouranik]

Assigning, Go And Start.
Lets gooooooo

[yash-pouranik]

@mayannkkk19

[mayannkkk19]

Thank you @yash-pouranik , I have started working upon this issue...