Component Demo
All six reusable components with representative use cases for every IELTS Writing task type
Component → Task-type Coverage
| Component | Covers task types / sections |
|---|---|
| KnowledgeCard | All 23 chapters — knowledge points section |
| AnnotationBlock | All 23 chapters — annotated commentary section |
| CalloutBox | All chapters — highlighted rules, tips, and exam warnings |
| PracticePrompt | Task 1 Academic (Ch 01–07), Task 1 GT (Ch 08–10), Task 2 (Ch 11–15) |
| ModelAnswer | Task 1 Academic, Task 1 GT, Task 2 — full model response wrapper |
| SelfCheck | All 23 chapters — end-of-chapter self-check questions |
1 · KnowledgeCard
Props: title: string, body: string
Task 1 Academic — knowledge point
Task 1 GT — knowledge point
Task 2 — knowledge point
2 · AnnotationBlock
Props: label, tag, color, bg, border, text, notes: AnnotationNote[]
Task 1 Academic — introduction paragraph annotation
Task 2 — thesis paragraph annotation
Task 1 GT — letter opening annotation
3 · CalloutBox
Props: accent?: string, bg?: string, border?: string, label?: string, children: ReactNode
Purple — rule / golden tip (default)
Amber — exam warning
Green — positive reminder
4 · PracticePrompt
Props: timeMinutes?: number (default 20), intro?: string, taskInstruction?: string, minWords?: number (default 150), children: ReactNode
Task 1 Academic — data description prompt (Ch 01–07 style)
Set a timer. Write your response before reading the model answer.
You should spend about 20 minutes on this task.
The bar chart below shows the average monthly spending on food, transport, and entertainment for households in four cities — London, Tokyo, Sydney, and Toronto — in 2022.
Summarise the information by selecting and reporting the main features, and make comparisons where relevant.
Write at least 150 words.
Task 1 GT — formal letter prompt (Ch 08 style)
Set a timer. Write your response before reading the model answer.
You should spend about 20 minutes on this task.
You recently purchased a laptop computer from an online retailer. When it arrived, the screen was cracked and the keyboard was not functioning correctly.
Write a letter to the company. In your letter:
- describe the problem with the product
- explain why this is causing you difficulty
- say what action you would like the company to take
You do NOT need to write any addresses. Begin your letter with 'Dear Sir or Madam,'
Write at least 150 words.
Task 2 — argumentative essay prompt (Ch 11–15 style, 40 minutes)
Set a timer. Write your response before reading the model answer.
You should spend about 40 minutes on this task.
Some people believe that governments should invest more money in public transport rather than in building new roads. Others feel that building new roads is a more effective way to reduce traffic problems.
Discuss both views and give your own opinion.
Write about the following topic. Give reasons for your answer and include any relevant examples from your own knowledge or experience.
Write at least 250 words.
5 · ModelAnswer
Props: band?: string, wordCount?: string, children: ReactNode
Task 1 Academic — model answer wrapper
Model AnswerBand 7.5+ · ~165 words
The bar chart illustrates average monthly household expenditure on three categories — food, transport, and entertainment — across four cities in 2022.
Overall, food accounted for the largest share of spending in every city, while entertainment was consistently the smallest category. London recorded the highest total expenditure, whereas Tokyo spent the least across all three areas.
In London, households spent approximately £620 per month on food, nearly double the amount spent in Tokyo (£340). Transport costs were broadly comparable across Sydney and Toronto at around £280 and £260 respectively, while London's transport figure of £390 was the highest of all four cities.
Task 1 GT — formal letter model answer
Model AnswerBand 7+ · ~160 words
Dear Sir or Madam,
I am writing to draw your attention to a serious problem with the laptop computer (Model X500) I purchased from your website on 3 April. Upon opening the package, I discovered that the screen was cracked and the keyboard was completely unresponsive.
As I rely on this device for daily work, the malfunction has caused considerable disruption. I have been forced to use a colleague's computer and have missed two important deadlines as a result.
I would be grateful if you could arrange either a full replacement or a refund at your earliest convenience. I am happy to return the faulty item upon request.
Yours faithfully,
A. Taylor
Task 2 — essay model answer (introduction only for brevity)
Model AnswerBand 7.5+ · ~260 words
Urban congestion remains one of the most pressing infrastructure challenges facing modern governments. While some advocate for expanding road networks to accommodate growing vehicle numbers, I believe that sustained investment in public transport offers a more sustainable and equitable long-term solution.
Proponents of road construction argue that new highways relieve bottlenecks immediately, benefiting both private motorists and freight companies. In countries such as Germany, strategic motorway upgrades have demonstrably reduced journey times and logistics costs. Furthermore, road infrastructure is generally self-financing through fuel taxes and tolls, which reduces the burden on public budgets.
However, expanding roads stimulates additional car ownership, producing induced demand that erases short-term gains within a decade. Public transport, by contrast, moves far more passengers per kilometre of infrastructure and disproportionately benefits lower-income groups who cannot afford private vehicles. Cities such as Singapore and Copenhagen have demonstrated that integrating rail, bus, and cycling networks can cut congestion, reduce emissions, and improve air quality simultaneously.
6 · SelfCheck
Props: questions: string[], answer: string
Task 1 Academic — line graph self-check
Answer these from memory before looking back. If you cannot answer all, re-read the relevant section.
- What is the single most important paragraph for Task Achievement, and what must it NOT contain?
- A graph is dated 1990–2010. A student writes: 'The figure rises from 30% in 1990 to 45% in 2010.' What is the error?
- You want to compare two lines: South Korea and Brazil. Write one sentence using 'while' or 'whereas' with at least one specific figure.
Task 2 — opinion essay self-check
Answer these from memory before looking back. If you cannot answer all, re-read the relevant section.
- What is the difference between a 'discuss both views' prompt and an 'opinion' prompt?
- How many body paragraphs should a Task 2 essay contain, and what is the PEEL spine?
- Name two examiner deductions that affect the Task Response criterion.
Task 1 GT — letter self-check
Answer these from memory before looking back. If you cannot answer all, re-read the relevant section.
- List the three letter registers and give one example of each opening salutation.
- Which register uses contractions, phrasal verbs, and a first-name sign-off?
- What are the three bullet points in a GT Task 1 letter prompt, and what happens if you omit one?