Software Engineer · Teacher · Author · Vegan

Assignment 2

In this assignment, you will build a Reddit search application that consumes two Reddit APIs and renders the data using client-side templating with Handlebars.

Subreddit Search and Results

At the top of the page, create a form with a single search input and a submit button. When the user submits the form (bind to the submit event of the form instead of a click event on the button), fire off an Ajax request to GET https://www.reddit.com/r/{subreddit}.json to retrieve all of the posts for the subreddit that was typed into the search box.

Display a div for each subreddit post containing the following fields:

Subreddit Details

Next, use the endpoint GET https://www.reddit.com/api/info.json?id=<subreddit_id> to fetch and render details about the given subreddit. For example, GET https://www.reddit.com/api/info.json?id=t5_2qhta returns details for the cats subreddit. Now you may be wondering where the subreddit_id value in the id query string parameter comes from. This value can be found in the response of the first API endpoint under the key subreddit_id in each post resource.

Display the following fields:

A Loading Spinner

While Ajax requests are pending, show a loading indicator on the screen using one of these CSS spinners.

Deploy to Surge

Submission

https://classroom.github.com/a/Cl-Y8coa