Refactor Code and Improved code readability

aditya-bhaumik commented 4 months ago

PR Description 📜

This PR addresses the issue of poor code readability and maintainability in the project’s HTML files. The original code had inconsistent formatting. I have separated the code from the 2 html files to their respective css and javascript files also i have improved the format of the code in styles_shrinked.css and styles_shrinked.js.

This reorganization improves the maintainability of the codebase, making it easier for future developers to understand and extend the project. The separation of concerns ensures that HTML, CSS, and JavaScript are handled independently

Changes made

Improved formatting and indentation for better readability. Created two new CSS files (styles1.css and styles2.css) for the two HTML files. Organized styles with consistent formatting. Created two new JavaScript files (script1.js and script2.js) for the two HTML files. Improved code readability with proper formatting. Linked each HTML file to its respective CSS and JavaScript files

Fixes #11

Mark the task you have completed ✅

[x] I follow CONTRIBUTING GUIDELINE & CODE OF CONDUCT of this project.
[x] I have performed a self-review of my own code or work.
[x] I have commented my code, particularly in hard-to-understand areas.
[x] My changes generates no new warnings.
[x] I have followed proper naming convention showed in CONTRIBUTING GUIDELINE -[x] I have added screenshots for review