Added modularity to code along with error handling

[Likhita4403]

Description

It is necessary to maintain best practices and ensure modularity of code while ensuring the errors are handled providing a smooth experience for the website's user.
Added a alert as well to inform the user incase of invalid input
Fixes: #215

Type of change

• [ x ] Bug fix (non-breaking change which fixes an issue)
• [ x ] This change requires a documentation update

Checklist:

• [ x ] I have made this from my own
• [ x ] My code follows the style guidelines of this project
• [ x ] I have performed a self-review of my own code
• [ x ] I have commented my code, particularly in hard-to-understand areas
• [ x ] My changes generate no new warnings

ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊