Code Monkey home page Code Monkey logo

nyt-reider's Introduction

New York Times Reider

Table of Contents

Abstract

This project came out of a challenge to complete a simple React App in just 8 hours. The New York Times Reider displays all of the top story headlines from the NYT API. The user can sort the headlines by selection a section from the dropdown menu at the top. When the user clicks on a headline, they will be taken to a page that displays the article title, byline, abstract, and a photo.

Technologies

  • HTML
  • CSS
  • JavaScript
  • React
  • React-Router
  • Hooks

Illustrations

Screen Shot 2022-02-24 at 3 37 13 PM

Screen Shot 2022-02-24 at 3 37 57 PM

394686f.png">

Install

  • Clone this repo to your machine
  • cd into the directory formula-wonders
  • Run npm install
  • Run npm start

Wins

  • Completing the functionality for this app in the short amount of time.

Challenges

  • Creating a detailed article view when each article did not have an ID or an individual endpoint

Creator

nyt-reider's People

Contributors

augustreid avatar

Watchers

avatar

nyt-reider's Issues

Article details

As a user, I want to click on a headline to view more details about the article, including an abstract, byline, and link to the full article at NYT.

Home page

As a user, I want to a list of headlines of top stories for today's date.

Section Navigation

As a user, I want to be able to select the section/topic to view all of the articles for that section.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.