A simple app to help kids learn to read.
Try it from mobile at https://janmechtel.github.io/leseapp/
- Take a picture of the text to be read
- Text is read out loud
- Kid is asked to read parts of the text (Coming soon)
Quality level: home-cooked meal
- using Google Cloud Vision for OCR and Google Speech for Text to Speech
- using simple Google Cloud Function to provide temporary access tokens to the front end
- using Github Pages for Hosting
- npm install
- npm run dev
npm run deploy
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensionsfrom VSCode's command palette - Find
TypeScript and JavaScript Language Features, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Windowfrom the command palette.
See Vite Configuration Reference.
npm installnpm run devnpm run buildLint with ESLint
npm run lint