Codstak
    • Home
    • DSA
    • JavaScript
    • TypeScript
    • Node.js
    • React
    • More↓
      BlogReact PrepPricingDiscordNewsletterLeaderboard
    React challenge/medium

    Repair the Support SLA Timer

    Challenge workspace

    35-45 min
    Effects and data fetchingPath 19/33
    EffectsState & events

    Suggested first

    Repair a Drifting Order Summary

    Your workspace must pass its server-side browser checks to complete this challenge.

    Stopwatch

    The starter displays 00:00, but the timer and controls are missing. Make it start, pause, resume, and reset without creating extra timers or ticking while paused.

    Requirements

    • Add Start/Pause controls; resume from the paused time with only one interval running.
    • Use a functional state update to add one second on each tick.
    • Create the interval in an effect and clean it up on pause and unmount.
    • Display elapsed time as MM:SS, such as 01:05 for 65 seconds.
    • Reset should stop the timer and return the display to 00:00.