Extra Credit

All finished and want to explore further?

Multiple Content Rows

Wouldn’t it be nice to split up our large data feed into multiple categories?

Within the JSON test data file (https://d2ob7xfxpe6plv.cloudfront.net/TestData.json), you can see that each video has its own category.

For example:

{
    "id": "169322",
    "title": "Scuba Diving - Costa Rica",

    // Other properties

    "categories": [
        "Costa Rica Underwater"
    ],
    "channel_id": "13455"
},

Consider parsing through the data to create multiple horizontal rows of videos based off the different categories, reusing your existing VideoCard data. You will need to employ a “ScrollView” in order to employ vertical scrolling on the Landing Screen component. You may need to reduce the size of the VideoCards in order to fit more content on screen. Use Flexbox and styling to make these changes.

Trim the Description

The description returned by some of the videos is quite long. Implement your own JavaScript function to trim the description.