Intro

This German Preaching App is bootstrapped with create-next-app.

This is to accompany the preaching exercises in the Smarter German Course

Home page hosts Preaching Exercise 4.

Access the App!

Motivation

In lesson 4, there are multiple combinations of verbs and objects we can select for preaching exercise. I want an app that can randomly generate a [verb, object] combination for me. It can also transcribe my speech so I get instant feedback for prounciation. I can also get to listen to the correct pronounciation easily.

Technology

NextJS, TypeScript, CSS Modules, Styled-Component (I used CSS Modules at first and added Styled-Component as practice of using js in css)

Mobile Support

• The sidebar now hides automatically on smaller screen
• The interim results are not shown in Mirror Area as it is not supported

Future Features

• Add more lessons
• Check for other browser support - FF, Edge
• Insert the text into the speechArea where the cursor is placed (like Speechnote.co)
• use a Reach UI modal instead of alert

Development Environment

First, run the development server:

npx next dev

Open http://localhost:3000 with your browser to see the result.