A side project designed for Zoe to learn the keyboard.
Make it reactive, currently the CSS on it isn't very good. Add a toggle to disable the audio. Add a toggle to change from uppercase display to lowercase. Add logic to filter out all other keys except letters and space.
When a word is spelt out, return an image. Example: spell "cat" display a cat pic.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.