Add speaking practice #1764
Description
Description
Speaking practices are available in two places:
- As an extra exercise on MCQ tasks:
- https://www.freecodecamp.org/learn/b1-english-for-developers/learn-about-adverbial-phrases/task-91
- Notes on UI/UX:
- On mobile, I think we should consider using an end drawer instead of a popup/modal
- We also should consider an alternative UI:
- Add a single “Practice Speaking” button at the top that opens the end drawer
- In the drawer, display a list of all practiceable sentences
- This removes the need to render a button next to each MCQ option
- As a standalone task (not live yet):
Implementation
- We'll need a
SpeechRecognitionService, which will be used in both places.- For speech recognition, Daniel did some research and suggested https://pub.dev/packages/speech_to_text
- Reference: https://github.com/freeCodeCamp/freeCodeCamp/blob/0ce80ac036e617210e39b7fc05e70910a287063a/client/src/templates/Challenges/components/speaking-modal.tsx
- Note: Use the
langproperty in challenge meta for speech recognition (we want the user input to be parsed to the language the lesson teaches, so that the input can be compared against the provided sentence)
- Schema:
- As an add-on exercise:
- As a standalone task:
- TBD - will be finalized when we merge feat(curriculum): add second version of speaking challenges freeCodeCamp#66446
- Comparison logic:
- Feedback display logic:
Roll out plan
- Review and merge feat(curriculum): add second version of speaking challenges freeCodeCamp#66446
- Temporarily disable the affected block on mobile
- Implement the feature for mobile
- Release a new mobile version
- Re-enable the block