Paint built in vanilla js with canvas
See it online️
Install the dependencies
npm iRun the application in development environment
npm run watchOpen http://localhost:3000 to view it in the browser.
Launches the test runner.
npm testGenerate coverage
npm run coverage- Paint
- Components (ES6, Webpack, Babel)
- Styles (SASS, SUIT CSS)
- Variables in component styles (SASS)
- TDD (Jest) with mock canvas
- High coverage
- TDD in deep with node canvas
- Eslint (Airbnb)
Tienes que hacer una aplicacion parecida al famoso paint de Microsoft ;). Esta aplicación deberá tener solo las siguientes funcionalidades:
- Deshacer/rehacer
- Selección de color
- Grueso de línea
Aquí tienes un wireframe orientativo de como podrías hacerlo. Puedes modificar el UX como creas conveniente.
Puedes usar cualquier framework, librería, etc. También puedes hacerlo en Vanilla JS ;)
Con la prueba debes entregar una serie de tests. Puedes usar cualquier setup para estos (Karma, Jasmine, etc).
Debes proponer la arquitectura a utilizar teniendo en cuenta que el proyecto debería poderse distribuir como app multidispositivo en un futuro próximo.
La aplicación va a tener un ritmo rápido de iteraciones, incorporando en las próximas semanas nuevas funcionalidades como filtros, etc.
Se valorarán decisiones de diseño sobre organización de paquetes, componentización, clean code, seguimiento de principios SOLID, etc.