Skip to content

Latest commit

 

History

History
46 lines (30 loc) · 1.81 KB

File metadata and controls

46 lines (30 loc) · 1.81 KB

4thEstate

Interactive image-based news browsing app!

A JS web app that queries the News API (https://newsapi.org) for current news and dynamically populates the page with clickable images of all the stories returned from the source (a news agency selected from the dropdown or ALL THE NEWS AGENCIES). Clicking an image opens a modal box with the headline, summary and link to the full article. (This was a product of a class homework; the remit: to make a web app that utilises an external API)

4thEstate screenshot, main page

Getting Started

  • Clone the 4thEstate git
  • In terminal:
  • run 'npm install'
  • run 'npm build'
  • run 'npm start'

Prerequisites

  • Node.js
  • npm
  • a website browser

Built With

  • [Node.js]
  • [Express.js] - Web framework

Author

  • Stuart Bryce - All things - StuCorp

Screenshots

Hover over story

4thEstate screenshot, hover over story

Click for details

4thEstate screenshot, main page

Select a trusted news source

4thEstate screenshot, main page

...Or - 'GET ALL' news button - delivers ALL news

4thEstate screenshot, main page