[PR]: Strict Frontend Codebase Modularization & Refactoring

[Quantum3600]

This pull request completely refactors the web application's JavaScript project registry architecture to strictly adhere to a modular pattern, as outlined in the issue tracking. Previously, game logic and structural HTML templates were duplicated between the main registry file (projects.js) and individual script modules inside js/projects/.

To fix this redundancy and make the codebase highly maintainable and beginner-friendly, the following changes were made:

1. Stripped projects.js down entirely of all core game state routines, direct DOM event listeners, inline calculations (Math.random(), etc.), and structural layout strings. It now functions purely as an architectural mapping hub and fallback template router.

2. Added a clean, comprehensive documentation block at the bottom of projects.js outlining the global architecture contract and providing explicit instructions for future contributors on how to create, hook up, and register new standalone project files without re-introducing "code creep".

Type of Change

[x] Code refactoring

Related Issue

Closes #144

Checklist

[x] I have been assigned this issue before raising this PR

[x] My code follows the project's style guidelines

[x] I have tested my code thoroughly

[x] I am participating in GSSoC 2026

[vercel]

@Quantum3600 is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🎉 Thank you for your contribution!

Your Pull Request has been merged successfully.

We appreciate the time and effort you put into improving this project. Contributions like yours help the repository grow and stay useful for everyone.

If you'd like to contribute again, please check the open issues and make sure you are assigned before opening another Pull Request.

Thanks again for your support! 🙌

[github-actions]

Thanks @Quantum3600! I've added you to the contributors list.