Adding webpack and babel on website

[irshadjsr21]

Is your feature request related to a problem? Please describe.
The client-side JS (web) uses ES6 syntax which is not supported in all browsers.

Describe the solution you'd like
A bundler and parser, preferably webpack with babel are to be implemented to improve the browser support.

[harkishen]

This can be added as a runner during the build. The best way for this would be a .sh file since we have angularJS for simplicity, hence package.json is meaningless for us.

[harkishen]

Before moving to other issues, we should focus on what's on priority for the release. We wanna release even sooner, somewhere in March if possible. So right now, the main priority for us would be converting everything into golang, so that continuous deployment could be set up, which would favour advanced development.

However, this doesn't seem to take a lot of time. You can do this in the process.

[irshadjsr21]

@Harkishen-Singh Can you expand on how we can achieve this through a .sh file?

I think we'll need both the development and production build so integrating webpack into package.json will improve the workflow.

[Kuljeet-123]

@Harkishen-Singh @irshadjsr21 Can I work on this??

[muskankhedia]

@irshadjsr21 Are you about to work on this?

[bhngupta]

Hey @muskankhedia @Harkishen-Singh , is anyone working on this issue? If not I would like to contribute

[muskankhedia]

@Bhanu-mbvg Welcome to the project. Presently we aren't planning to implement webpack and babel in the project. You can look for some other issues now and start working on it. Feel free to ask any queries.

[PranavAgarkar07]

Hi! I'd like to work on this issue under GSSoC 2026.

Approach: I'll configure Webpack with Babel loaders for ES6+ transpilation and modular JS bundling for the AngularJS frontend, replacing the current manual script loading. The Webpack config will include separate dev and production presets with Hot Module Replacement for development and minification + tree-shaking for production builds. I'll also add npm scripts for build and watch workflows and update the documentation to reflect the new build pipeline.

I have experience setting up Webpack and Babel for legacy AngularJS projects. Please assign me this issue.