delilahrois / nytimes-reader

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🗽 NY Times Reader 📰

Screen Shot 2022-02-24 at 1 14 30 PM

This is a takehome challenge for Mod 4 at Turing School of Software & Design. The rubric can be viewed here.

NY Times Reader is an application to allow users to view data from the New York Times Top Stories API. The user can filter search results by all major sections listed on the API as well as a 'home' view which shows articles currently on the homepage.

The main page of the application shows a newsfeed, which is filtered by simple radio buttons in the menu bar. Each individual article can be selected to take the user to a full page view, which shows a photo from the article, the byline (author), when the article was published, an abstract, and a link to read the full article on the NY Times website.

Screen Shot 2022-02-24 at 1 14 51 PM

Screen Shot 2022-02-24 at 1 15 04 PM

Tech Used

  • JavaScript
  • React
  • Router
  • CSS
  • Cypress
  • Netlify

Check out the API documentation here.

Setup Instructions

Deployed site can be accessed here or in the title of this README.

This project can be run locally.

  1. Clone this repo down to your machine by running git clone git@github.com:delilahrois/nytimes-reader.git

  2. Run npm install to install dependencies

  3. npm start to start the development server

Possible Extensions

  • Additional media (photos, videos, etc)
  • Loading page
  • Additional styling of the menu and home page / full view page
  • Error handling

About


Languages

Language:JavaScript 78.8%Language:HTML 11.3%Language:CSS 9.9%