You'll test-drive a single page application in React that send requests to the Guardian API to get Headline and Article data and display them.
You'll use React's toolchain to take care of serving your HTML, CSS and JavaScript files.
Some of these stories will need decomposing if they seem too large.
As a busy politician
So I know what the big stories of the day are
I can see all of today's headlines in one place
As a busy politician
So that I have something nice to look at
I can see a relevant picture to illustrate each news article when I browse headlines
As a busy politician
So that I can get an in depth understanding of a very important story
I can click a news headline to see a summary and a photo of the news article
As a busy politician
So I can get a few more details about an important story
I can see click a news article summary title which links to the original article
As a busy politician
Just in case my laptop breaks
I can read the site comfortably on my phone
The Guardian text summarisation APIs is severely rate-limited.
Please stub your tests so you don't exceed the daily limit. Otherwise, all requests will be rejected and your app will stop working!
Please stub your tests to avoid exceeding the API rate limit
Mock Data - contains a request to the Guardian API with fields selected that will help you with the challenge. The actual request made was to:
You will need to replace INSERT_YOUR_KEY_HERE with your own Guardian API key. Use this data whilst developing, serving it from json-server - it will help on the request rate limit in the API.