mrjcowman / newyorktimessearch Goto Github PK

As a User
I want to use this page on multiple devices
so that I can have this available on any device

Acceptance Criteria

• Site responds to different screen sizes
• Check 400px wide
• Check 576px wide
• Check 768px wide
• Check 992px wide
• Check 1200px wide

As a user
I want to see a header
So that I know what page I am on

Acceptance Criteria

• uses header tag
• includes the title (New Your Times Search)
• has a blue background
• text is centered

As a Developer
I want to see the grab data from the API
So that I can pass it to a function to render on the page

Acceptance Criteria

• send Get a request to search api
• responds with the articles data
• returns the article's data

As a user
I want to see a list of articles
so that I can read from new your times

Acceptance Criteria

• Empty Section
• id of articles-list

As a user
I want to know when the page ends
so that I can stop scrolling

Acceptance

• create a footer element
• text says Made with lots and lots of {heart Icon}
• text is centered

As a user
I want to clear results
so that I can search for different articles

Acceptance Criteria

• create click event listener on the clear results button
• clears the articles from bottom of the page

As Developer
I want to have files
So that I can develop the site.

Acceptance Criteria

• index.html
• style.css
• script.js
• style.css linked in index.html
• script.js linked in index.html

As a developer
I want to use bootstrap framework
So that I can quickly build a site

Acceptance Criteria

• bootstrap css linked
• bootstrap js linked

As a developer
I want to be familiar with the API
So that I know how to implement it in my code

Acceptance Criteria

• Can construct a query URL
• Can navigate the returned JSON for information

As a user
I want to see the articles I searched for
So that I can read the news I like from the new york times

Acceptance criteria

• create function named renderArticles
• create a loop that that creates articles
• append those articles to section id articles-list
• articles should append to the page

As a user
I want pages of articles if I ask for more than 10
So I can easily navigate large numbers of articles

Acceptance Criteria

• Pagination should be at top or bottom of article list when more than 10 articles exist
• Pagination should indicate next, previous, current page, first page, and last page at a minimum
• Pagination should dynamically update in response to article list size

As a user
I want to input search criteria
So that I can see the articles I'm looking for

Acceptance Criteria

• create submit event listener on the search button
• grabs the input from a form with id search-form that includes Search terms, Number of Records to Retrieve, Start Year, End Year
• calls the API Get function
• calls the render articles function

As a user
I want to see a basic page
So that I can interact with the site

Acceptance Criteria

• bootstrap card
• Title Search parameters
• Create form with id search-form
• Input area titled Search Term Mark Required
• Input area titled Number of Records to RetrieveMark Required
• input area titled Start Year sub text "(Optional)
• input area titled End Year sub text "(Optional)
• search button with icon
• Each input has unique ids
• clear results button with icon