matt-roden / nytimes-reader-challenge

New York Times Reader Challenge

Deployment Link

Abstarct:

This application was a practice exercise given by the Turing School of Software & Design. The main objective was to build an application that consumes the New York Times Top Stories API, which displays to the user all of the current top stories, allows a user to click on an article to then reveal a more 'detailed' view of the article, and also incorporate some sort of data manipulation through means of sorting, filtering, or searching. The application also needed to be fully responsive across all devices.

From the home page, the user is able to select a different topic from the topic selector drop down which will fetch and render new articles on their topic of choice.

Time alloted for this project was capped at 8 hours - from planning stage to finished application.

Tech Used:

• React
• JavaScript
• React Router
• CSS
• Miro for wireframing
• GitHub and Git for version control
• GitHub Projects for project management
• New York Times API

Media:

Wins:

• Completing the MVP within the 8 hour window
• Working through React-Router breaking update changes that happened during the build process
• Successful time management and project management

Challenges:

• Staying within the time window and scaling the MVP to fit
• Adapting to new React-Router tools and having to re-strategize mid project
• The Router update caused a big shift in pace and ultimately led to a downsizing of the inital plan which included a search bar as well as a topic selector

nytimes-reader-challenge's Issues

Bug with fetching data

Initial project setup

• Create react app and clean up
• Install Cypress
• Connect to remote

Initial setup

• cra setup and structure
• install cypress
• connect to remote