This challenge was the seventh of my Maker's weekend challenge, intended to be done alone to reinforce the week's learning and concepts. The necessary skills covered in this challenge were:
- Build a dynamic single page app using only Pure JS
- Request and use data from an external API
- Explain that libraries are code
- Able to have asynchronous JS handle the creation and display of data from an external API
- Able to successfully debug toggle visibility bug despite a lack of error messaging/ information from the program
- Program is able to get and render data all without any back-end JS code
- Lack of time and fatigue from previous week meant styling only got as far as a making a basic flex box and a button
- Summary finder method needs refactoring to allow summaries to be loaded with the initial request and stored, so allow more seamless single article rendering
Project is setup to use VScode's Live-Server extension to provide simple launching and automatic reloading.
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
- Guardian newspaper API homepage
- Aylien text summary API docs
- cURL man page
- Hurl, a web interface for sending HTTP requests