A polished single-page learning companion for Beste Freunde A2.1.
This project combines vocabulary, grammar, dialogues, workbook support, and audio resources in one lightweight web interface.
Important
Due to some issues with GitHub, I was unable to upload the textbook audio files, but it was no different from the workbook audio file section and worked the same.
- Level:
A2.1 - Stack:
HTML,CSS,JavaScript - App type: Static website (no backend required)
- Structured lesson content for A2.1 topics
- Vocabulary and grammar , dialogue , exam support in one page
- Textbook and workbook audio access
- Local pronunciation files (
voice/) plus browser fallback behavior - Separate audio index pages for quick navigation
- Full dictionary (In the photo below)
LD-beste-freunde-A2.1/
├── css/ # Stylesheets
├── js/ # Application logic
├── voice/ # Word pronunciation audio
├── textbook-audio-files/ # Textbook MP3 files
├── workbook-audio-files/ # Workbook MP3 files
├── index.html # Main learning interface
├── audio-textbook.html # Textbook audio index/player
├── audio-workbook.html # Workbook audio index/player
└── workbook-answer-key.pdf # Workbook answer key
Open index.html directly in your browser.
npx serve .Then open the generated local URL.
voice/is used for local pronunciation files.- Some playback paths may rely on online TTS behavior.
- Internet connection may be required for specific TTS-based playback.
- Project:
Beste Freunde A2.1 EN - Developer:
DanyByte - Thanks:
Kimi AI , Codex - Dictionary source:
B-amooz


