Feature: Custom Timer (Stopwatch + Countdown) #8
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR adds a custom timer popup component to the challenge interface. The timer supports both Stopwatch and Countdown Timer modes and is built entirely using plain HTML, CSS, and JavaScript.
# Features Implemented
> Toggleable Timer Icon:
- Floating timer icon at the top-right corner of the challenge page.
- Clicking opens a popup with stopwatch/timer options.
#Screenshots of the implementation
# File Structure & Integration
> templates/timer.ejs: Popup HTML, and timer bar UI and timer logic.
> challenge.ejs: Integrated timerUI into challenge page via <%- timerUI %>.
> Challenge.ts: Rendered timer.ejs using EJS and passed as timerUI, Added case "time_up" handler to show VS Code notification.
> Hackerrank.ts: Added timerUI property to challenge interface.
# Testcases Covered
> Please check the pdf file attached below
HackerRank-VS_Code_Timer_feature_TestCases_Checked.pdf