Restructure project using React with modern folder architecture

[gouthamx67]

Description

The current project is built using plain HTML, CSS, and JavaScript with a flat file structure.
While it works, the codebase is becoming harder to scale, maintain, and extend with new features.

I propose restructuring the entire project using React with a modern, component-based architecture.

Why this change?
Improves maintainability and readability
Encourages reusable UI components
Makes state management easier
Simplifies future feature additions
Aligns the project with modern frontend standards

Proposed changes

• Migrate from static HTML files to a React-based setup
• Introduce a clear folder structure.

Screenshots

No response

Additional information

No response

[github-actions]

It's great having you contribute to this Project

Thank you for noticing & notifying us for this issue in Sukoon. 🤓
If you would like to keep contributing to open-source, you can check out the other projects by Susmita Dey here
Any questions, let us know. 🤓

[gouthamx67]

Hi maintainers 👋
I’ve opened this issue to propose a React-based restructure of the project.
If this sounds good, I’d be happy to work on it and take it up.

Please let me know your thoughts. Thanks!