sabadia / stack_game Goto Github PK

If the Puzzle has solved a modal should popup saying success message and two-button named "play again" and "exit".

check If the circle drag and drop riches the drag and drop limit and the puzzle is solved or not.

A method to find the minimum number of moves to solve the Puzzle after a new game is initialized.

The stack can hold a list of the circle's object and display them as a stack view.

A stack should have methods like "push" to add and show a circle UI in the stack.
A stack should have methods like "pop" to remove a circle UI from the top of the stack..

When a circle object is dropped to a stack area named "X", Stack "X" should detect it and place it at the top of the circles it already has.

When a circle object is dragged away from a stack area named "X", Stack "X" should detect it and remove (if it is the top circle) it from the top.

A timer should display the time and which will indicate the total time needed to solve the puzzle.

A method to generate random circles for each stack.

If the circle's maximum move is completed and the puzzle is not solved a Modal should popup saying "game Over". And should have options "play again" and "exit"

(Only Stack UI)
A class which would create a stack view as passing arguments holds a list of the circle class object and also show them such as stack view.

Stack objects need to be generic so that we can pass arguments like stack color and position for reuse purposes.

Environment setup for the project.

dependencies-
npm package manager initialization.
environment for working with typescript.
Jquery support for the project
Basic project tree generate.
basic HTML and CSS to start with.
integrate everything together.

Action for starting a new game.

Integrate all components which would need to start a new game and initialize it (like show a list of random circles stack).

Create a class which is a type of circle and has color, position x, position y, radius as it's property.

This will create a circle UI and in the constructor, it should take circle color, position, and radius (optional) as an argument.

output- will drow a circle as spec and place it as passing argument.

Circle UI should be draggable anywhere.

every time a circle is being moved It should check if the puzzle is solved or not

return -
true --if solved
false --if not solved