US - Text to speech

[Nicole-Schwarz]

Value proposition

As a user I want the words and sentences on my cards to be read out loud, so that I can also learn the correct pronunciation.

Acceptance criteria

• [ ] languages can be chosen in the "new Card"-formular
• [ ] a speaker icon is shown on both sides of the card
• [ ] text is read out loud, if speaker icon is clicked

  Tasks

• [ ] create a branch text-to-speech
• [ ] CardContainer.js
  • [ ] add function handleReadQuestion/Answer
  • [ ] use SpeechSynthesisUtterance()
  • [ ] use stopPropagation for prevent flipping of the card
  • [ ] add speaker icon to both side of the cards
• [ ] Form.js
  • [ ] use useState
  • [ ] add function handleLanguageChange for question and answer
  • [ ] add 2 Input-fields, for now Deutsch, Englisch, Spanisch, Französisch, Italienisch is available as option
• [ ] db/models/Card.js
  • [ ] add languageQuestion and languageAnswer with default-value "deutsch"
• [ ] utils.js
  • [ ] add languageQuestion and languageAnswer to function dbToCard and cardToDb

[Nesssaaa]

lgtm:)