Speed Out Evil Aliens: [Easy - 250 Points] React Skill Builder Competition

Register
Submit a solution
The challenge is finished.

Challenge Overview

Competition Details: SpeedOutEvilAliens

This is the EASY 250 Points Competition that the Evil Aliens have given to the people of Earth. Learn More and Register for this competition before submitting a solution to this problem.
-  For more challenge context info, please refer to the host challenge launched here: https://www.topcoder.com/challenges/30138038
 

Easy Problem

 The acceleration tool of the spaceship is broken and they can now only set the speed manually to accelerate in the designated way. They have given us a dumb website to help them with that. They asked us to create a simple speed acceleration calculator for them to help them know the speed they need to keep their power booster engines on to help their spaceship travel out of Earth.
 

What do you need to do?

- Grab this starter pack: https://github.com/kriasoft/react-starter-kit
- Add a new tab at the left side of ‘About` tab in the header name it as ‘ Speed Counter’ https://take.ms/Q6IIj , so once clicked on this ‘Speed Counter’ tab, the simple Speed Counter feature will be revealed on the website and let the Evil Aliens will know the speed they need to keep when they want to accelerate in a systematic fashion.
- The UI could be as simple as this, https://take.ms/l0Awe
 

The page should have three elements:

- `Current Speed 0` is used to identify the current speed value
- `Increase Speed` button will increase the speed by 1 * 10%
- `Decrease Speed` button will decrease the speed number by 1 * 10%
 

Important things to Note:

- The speed counter starts from 0
- The speed counter never gets below 0
- The speed counter never exceeds 2, which means when the counter reaches 2, it will stay at 2 for further `Increase Speed` operation.
 

Skill Builder Instruction:

- We have prepared three problems: Easy, Medium, and Hard, which are worth 250, 500, 1000 points respectively.
- The competitions may or may not be related to each other. But they are all competitions relating to the React tech stack.
- The links to the problems/competitions are provided below.
 

Problems

- Easy: 250 Points, Challenge Link:  https://www.topcoder.com/challenges/30140522
- Medium: 500 Points, Challenge Link:  https://www.topcoder.com/challenges/30140523
- Hard: 1000 Points, Challenge Link:  https://www.topcoder.com/challenges/30140525

Final Submission Guidelines

Submission deliverables
- You can submit a patch file against the provided codebase
- You can also submit your whole codebase to us.

ELIGIBLE EVENTS:

2021 Topcoder(R) Open

Review style

Final Review

Community Review Board

Approval

User Sign-Off

ID: 30140522