susannaopal / daily-reader-app

A handy app to help users access the top headlines of the day from The New York Times.

NYT Top Stories Take Home Challenge

• Vist The Daily Reader

Table of Contents

• Abstract
• Technologies
• Illustrations
• Install + Setup
• Contributor
• Future Iterations
• Project Specs

Abstract

The goal of this app was to be created from a take home challenge. The app utilizes the Top Stories API from the New York Times. Users can browse the top headlines of the day from the Time's homepage, click on the article to be taken to the news story, or search through the headlines of the day. Any matching articles will appear for the user to read, while the other articles that do not match that search word will disappear. This app was initially written with React Class components, but was recently updated to incorporate React Hooks.

Technologies

• React
• React Hooks (code revised from Class components to Hooks)
• VS Code
• New York Times Top Stories API
• Lighthouse Best Practices (100%) | Accessiblity (96%)

Demonstration

Install + Setup

• Clone this repo to your local machine.
• cd into the directory daily-reader-app
• Run npm install
• npm run dev
• Copy local host into browser or run http://localhost:3000/

Contributor

• Susanna Carey

Future Iterations

• Create single view cards of each story
• Create a full Cypress test suite

Project Specs

• The challenge spec & rubric can be found here