/NYTimes

A quick guide of top stories for those who enjoy reading the New York Times.

Primary LanguageJavaScript

NY Times News Reader

A quick refrence for top stores from the New York Times.

View Deployed Site Here

Summary | Tech Used | Getting Started | Current Features | Future Features & Noteworthy Limitations | Preview | Organizational Tools | Reflection | Contributor


Summary

When a user visits the New York Times News Reader website, they first land to articles from the "world" section. It gives an img and title, from there the user can click on an article and more details will pop up on the right side of the page. The detailed view includes the NYT article link if the user is interested in reading more.

Tech Used

JavaScript | CSS | HTML5 | React


Getting Started

  1. Clone down this repo
  2. Then cd into the directory
  3. Run npm install
  4. Run npm start
  5. Paste this: http://localhost:3000/ into your browser

Return to top


Current Features

  • User has the ability to filter articles by category
  • Can view quick snippet of article and click to view more details

Future Features & Noteworthy Limitations

  • Include a favoriting feature for the user to come back to articles they'd like to read
  • Add a scroll to top button and have that functionality built into when a navigation button is clicked

Preview

recording (1) recording (2)

Return to top


Organizational Tools

Project SpecGitHub Project BoardWireframeInspiration BoardAPI


Reflection

The intended timeline for this project was 8 hours. I went a little over and landed around 10 hours. Grid was a challenge for me to use on this project, I think because I wanted a tricky layout so that took some time. I ended up scrapping that idea so I could move on and complete the MVP. The use of my project board and wireframe helped me stay on track with the design and timeframe overall.

Return to top


Contributor:

Maria DelSignore • GH & LinkedIn


Return to top