Solution for the challenge.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
The main goal of the task is to create a interactive dance floor based on CanvasAPI. The approach to achieve the task is free. We want to see how you solve problems and some basic algorithmic skills.
You can use all available resources and libs to achive the task. You can choose the way how you want to interact with the canvas.
Basic UI mockup:
The flow of app initialization and view rendering should be as follow: -> App bootstraping -> Async operation to fetch the state (eg. You can simulate API call to recreate canvas with config) -> UI and Canvas
- Change square colours on document event like mouseover or onclick
- Prepare simple API to recreate canvas based on provided config (rows and columns quantity)
- You can prepare transform animation
- You can combine all of previous examples
- What you want but first ask! :)
GOOD LUCK! :)