This challenge requires you to build a small application that works as a game using React.js.
- You (the black and white circle) start at a customizable initial position
- You can move using your keyboard's arrows (up/down/left/right)
- Your objective is to move from the initial cell (yellow) to the target cell (green) before you run out of moves:
- When you win, you will get a "You won" message and won't be able to move any more
- If you do run out of moves before you reach the target cell, then you lose:
- When you lose, you will get a "You Lose" message and won't be able to move any more
- You can add any library you consider will help you build or test the game as long as they are "regular web application" libraries. That means you can use libraries that help you with styles, state management, testing, etc, but not libraries that are meant exclusively for building games.
- You have to test the application/components covering as much functionality as you can.
- You have to build this application to the best of your abilities considering customization and the possibiility of extending it in the future.
Not doing these items WON'T be penalized and you are not required to do any of them, but if you do decide to do some of them, they might add to your score always considering code quality
- Styling (for example the circle/cells can be images or have movement/direction animations)
- Restart functionality
- Level progression (win and go the next level)
- High scores
- Level builder
- War fog
- Anything you think might add value