• Introduction
• Technologies
• Features
• Illustrations
• Wins and Challenges
• Possible Future Extensions
• Organizational Resources
• Sources
• Contributors
• Project Specs
• Set Up

• This app uses the NYTimes API in order to make a site that you can come to for your daily news. The site allows users to see all the top stories from the day. A user can filter through the category of their choosing and view all article related to that category. A user can then see more details on the article and they have the option to view the article on the
• Hunter Times Deployed Link

• The first area of code I was particularly proud of was my buttons on my nav bar. I wanted to ensure that none of the buttons would take you to a blank page because nothing is more frustrating for a user. So to mitigate this issue I built the buttons using the data, not hard coding them. This allows the buttons to change based on the articles for the day.

• A challegne for me was that some of the data didn’t contain an image link and the null reading would crash the app. I found a solution using a ternary operator.

• As, a user, I should be able to navigate to a home page, and view a list of todays top stories.
• As a user, I should be able to click a story and be taken to more details about the article.
• As a user, I should be able to be redirected to NY times to read the full article.
• As a user, I should be able to filter the articles by topic from the buttons at the top.

• Future extension would be testing the application using cypress.
• Future extension would change the Navbar to have hamburger icon when it is in mobile view.

• WireFrame
• MDN
• YouTube
• MDN
• CSS Tricks

• Turing

After one person has gone through the steps of cloning down this repo and editing the remote, everyone should clone down the repo.

Then install the library dependencies. Run:

npm install

To verify that it is setup correctly, run npm start in your terminal. Go to http://localhost:3000/.