How hefengxian/my-ielts works
My IELTS is a browser-based IELTS study resource. Learners navigate subject sections and use their material directly: vocabulary browsing/typing and audio, grammar resources, listening strategy and practice, reading keyword substitutions, writing translation exercises, and speaking (currently marked TODO). The Vue entry point installs hash-based routing, while the shared shell renders the selected page. README capability descriptions supplement the sampled pages; wiring details for unsampled pages are represented only at their existing paths.
Main entry points: TheHeader.vue Site navigation · listening/index.vue Listening guidance · pages/index.vue Study dashboard · App.vue Shared layout
Components 23
Application shell
- Vue entry
src/main.ts - Shared layout
src/App.vue - Site navigation
src/components/TheHeader.vue - Study dashboard
src/pages/index.vue
Vocabulary study
- Vocabulary browser
src/pages/vocabulary/index.vue - Typing practice
src/pages/vocabulary/typing.vue - Vocabulary data
src/pages/vocabulary/vocabulary.js - Vocabulary audio
public/vocabulary/audio
IELTS skills
- Listening guidance
src/pages/listening/index.vue - Listening practice
src/pages/listening/179practice.vue - Listening corpus
src/pages/listening/corpus.vue - Listening keywords
src/pages/listening/keyword.vue - 179 exam words
src/pages/ielts/index.vue - 179 word audio
public/179_audios - Reading keywords
src/pages/reading/index.vue - 538 keyword data
src/pages/reading/reading538words.js - Writing exercises
src/pages/writing/index.vue - Sentence exercises
src/pages/writing/100sentences.js - Speaking section
src/pages/speaking/index.vue
Study resources
- Grammar lessons
src/pages/grammar/index.vue - Grammar handout
public/grammar
Other components
- Learner
- YouTube video
Connections 26
- Learner → Site navigation: chooses section
- Learner → Study dashboard: opens study hub
- Vue entry → Shared layout: mounts
- Vue entry → Study dashboard: routes to
- Shared layout → Site navigation: renders
- Shared layout → Study dashboard: renders route
- Site navigation → Vocabulary browser: routes to
- Site navigation → Grammar lessons: routes to
- Site navigation → Listening guidance: routes to
- Site navigation → Reading keywords: routes to
- Site navigation → Writing exercises: routes to
- Site navigation → Speaking section: routes to
- Study dashboard → Typing practice: links to
- Vocabulary browser → Vocabulary data: reads
- Typing practice → Vocabulary data: uses
- Vocabulary browser → Vocabulary audio: plays audio
- Typing practice → Vocabulary audio: plays audio
- Grammar lessons → Grammar handout: presents handout
- Grammar lessons → YouTube video: embeds video
- Listening guidance → Listening practice: links practice
- Listening guidance → Listening corpus: links corpus
- Listening guidance → Listening keywords: links keywords
- Listening keywords → 179 exam words: links word list
- 179 exam words → 179 word audio: plays word audio
- Reading keywords → 538 keyword data: reads
- Writing exercises → Sentence exercises: uses exercises