Thanks @zt4ff, I will take some time to review this PR since it brings in a couple of changes. Can we also add eslint/prettier, and create a GitHub pipeline to validate lint and build? If you don't want to add it to this PR, I can fork another issue and it can be worked on separately as well.

Thanks @shubham1172.

You can create a new issue for the eslint/prettier, Github pipeline in a new issues.
I will create a new branch to work on that.

I don't think they relate to the build process. I may be wrong though

Well, they are a part of the build IMO - builds must be validated on PRs, and their validity should also depend on the code (linting/pretty), but I won't increase the scope of this PR further and create a separate issue.

Alright, you can assign the new issue to me whenever you review this PR or should I just configure linting while this PR is open?

I will look at this PR over the weekend and also create a separate issue for the other things we discussed.

Hi @shubham1172
Sorry for the late response, I already resolved all the comments you made

Thanks for making those changes @zt4ff, this LGTM, I will try this out and merge the PR once I am done!

@zt4ff sorry for getting late to this (and it's ok if you don't have bandwidth to look into this), this PR does not seem to be working. After running the yarn commands, I start the web server and visit the index page where I get this error

Loading module from “http://127.0.0.1:8000/dist/index.js” was blocked because of a disallowed MIME type (“application/json”).

@shubham1172

Hi, it's beena a while. Happy new year

I made new changes to fix the errors.

You can build the frontend with yarn build:dev and run python main.js to test it out.