Please clone or fork this repository to commit and push your changes.
This exercise contains two coding exercises described below.
Create the webapp(https://www.figma.com/file/3nRk10nUSO8DqVBAKPYQDE/Frontend-Exercise)
- We are interested in simplicity and your command of front-end development languages rather than libraries and frameworks. However, you may use any HTML/CSS/JS library or - framework.
- You may use a CSS framework if you like, but extra consideration will be given if you can showcase your command of simple media queries. Bonus points for exampling a "mobile first" approach.
Use JavaScript to build interactive 3D web interface.
- Render a primitive mesh with video texture (video format: mp4)
- Render a mesh that controls the play and pause of the video when clicked
- Implement touch controls to pan the scene camera.
Feel free to use WebGL or three.js or any other web 3D framework. Use of three.js and WebGL appreciated.
- The use of SASS compiled down to CSS
- The use of a build tool to automate the compilation of SASS and / or minification of JS or CSS. Use of webpack and node modules is encouraged.
Finish Once the application has been written, continue with the following additions:
- Write a clear and understandable README which explains your application.
- Email using the submission format along with any further related information.
Preferred option is a link to public git repository with your solution. Alternatively a git-bundle or zip archive are acceptable.
The solution and documentation will be rated against the following categories:
- Command of Languages
- Best Practices
- Intentional and Strategic Organization of Code
- Efficiency and Cleanliness in Code
- Browser Compatibility
- Attention to Detail
- Usability
The documentation is as important as the code. We are looking to understand why you chose a certain solution and what trade offs it has. Be prepared to answer any question about your solution at the next interview stage.