Skip to content

StuCorp/News_API_Web_JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A web app that queries the News API (https://newsapi.org/) and lets you browse the news by aggregated images - the way you never knew you wanted to!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors