Build a Counter App | Frontend Coding Challenge

In this question, the candidate needs to build a simple counter.

Functional Requirements

• Counter value should be visible on the screen. The default value of the counter should be 0.
• There should be an increment button that increases the counter value by 1 when clicked.
• There should be a decrement button that decreases the counter value by 1 when clicked.
• There should be a reset button that sets the value back to 0.
• Minimum value of the counter should be 0.

Mockups

Resources

• Increment CTA colors: #2ecc71, #27ae60 (on hover)
• Reset CTA colors: #e74c3c, #c0392b (on hover)
• Decrement CTA colors: #f1c40f, #f39c12 (on hover)

Submission

Start the timer, complete your solution, test your solution against the test cases provided by the platform, and submit it. Ideally, you should finish this question within 30 mins.

Share your solution with us on twitter or linkedin.