Table of Contents 📖

• Introduction
• Technologies and Tools
• Illustrations & Demo
• Project Reflections
• Roadmap
• Deployed Page
• Set Up
• Contributor
• Sources
• Project Specs

Introduction

• A news app that is connected to the New York Times API, featuring current top home stories, as well as ability to filter by newspaper section when clicking on the links in the top nav bar. Each story tile also has a link to the full story on the NYT website.
• This project was a personal challenge to continue to practice and improve with React.js skills and libraries, Router, and RESTful APIs. I love fiddling with styling and layout, so no project is complete without design.

Technologies and Tools

Illustrations and Demo

Home Page

---

Select an article to see more details

Filter articles, select an article then return to previous search

Project Reflections

Wins

• Created dynamic API fetch based on which link is clicked
• Created clean, easy-to-navigate application in less than a day
• Continued practice using React Hooks

Challenges

• learning to use .env file
• transferring data correctly so that the page rendered filtered articles only

Roadmap

Future features could include:

• Ability for user to login to a personal account
• User is able to save/favorite articles
• User is able to personalize the navigation bar based on preference of categories
• Add full responsiveness to allow for easy viewing on mobile devices

Deployed Page

Visit the published site here

Set Up

1. Fork this repo
2. Clone the repo to your local machine
3. cd into the root of the project directory
4. Run npm install
5. Run npm start

Contributor

Shauna MacFarlane-Okongo

• 
• 

Sources

• MDN
• YouTube
• W3Schools
• React JS
• Router docs
• Cypress docs
• Medium

Project Specs

• The project spec & rubric can be found here