Feat: Enhancements Needed: Search Button and Countdown Timer for Offers.html page

[coderiksenthil]

Describe the feature

The offer.html page should include a search button to help users quickly find specific offers and a countdown timer to indicate how long each offer will remain available. The search functionality will allow users to filter offers based on keywords, while the countdown timer will display the remaining time for each offer to create a sense of urgency.

Describe the solution you'd like

For the search button, I’d like a search function that filters offers in real-time based on user input, updating the page with matching results. For the countdown timer, I’d like it to dynamically count down days, hours, minutes, and seconds until each offer expires, ensuring users are aware of how much time is left to take advantage of the deals.

Additionally, the code is already prepared and ready for implementation, I kindly request to assign me to this issue

Describe alternatives you've considered

Alternative Solutions: As alternatives, implementing a dropdown filter or sorting options would not effectively provide the same real-time search experience as the search button. Regarding the countdown timer, static expiration dates or manually updated statuses do not offer real-time updates, which are crucial for maintaining user engagement and urgency.

Add ScreenShots

Before (without a search bar and countdown) After (with a search bar and countdown)

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.