vasu-gondaliya / rubiks-cube Goto Github PK

For different screen sizes, a responsive design is needed.
Anyone with expertise in responsive CSS can help.

After rotating the cube, if we click on 'left clockwise' button, it still refers to the ring which was left in the initial view.

Chrome displays just one of the sides of the cube, in the deployed website and as a cloned local repo.

Add new instructions in the html file. "a" key for starting animation and "Shift + a" or "A" for stopping animation.

When "a" is pressed multiple times, it starts the interval multiple times. A check needs to be added for it that if the animation is already going on or not.

While testing the website on mobile I came across some issues.

• The rotation moves of the pairs up-down, left-right and front-back are performed in a different direction despite both being under the same rotation (clockwise or anti-clockwise).
  Example of clockwise rotation:
  
  
  

• When rotating the cube three times towards the same direction (e.g. upwards), the rotation changes and in its place happen opposite rotations (leading to the place it would with a single rotation towards the previous direction). Right after this, if you perform a rotation of the opposite direction of the one you were performing previously, the same thing happens at the other direction. This happens with every rotation of the whole cube.
  Video of what happened:
  https://user-images.githubusercontent.com/46161935/135213332-1c0fce79-31bf-4476-aa25-f838b45fab5c.mp4

I'd like to create a button that displays the hint to the solution of problem a player is working on.

The buttons for different moves need to be styled. The buttons can be viewed after changing the screen size to less than 1000px. Anyone with good designing experience can work on this.

The code lacks comments; making it hard for programmers that didn't write the code to understand it and help evolve it.

Add new buttons in mobile view for the new instructions added in the html file and javascript file for functionality. "a" key for starting animation and "Shift + a" or "A" for stopping animation.

Browser: Firefox 88.0 (64-bit)
OS: Linux pop-os 5.11.0-7614-generic #15161862669320.04~ecb25cd-Ubuntu SMP Thu Apr 22 16:20:32 UTC x86_64 x86_64 x86_64 GNU/Linux

I also try it in a clean environment(Private window) but no change...
thank you if you consider my issue. i also like to contribute to the issue if you let me...

I noticed the favicon on this project contains colors that aren't normally or a Rubix cube so I decided to make a new one with only valid colors

The instructions table of the possible moves needs to be styled. Anyone with good designing experience can work on this.