Product Review Slider Javascript Project (Part 3: JavaScript)

In this three-part tutorial, we’ll build a fully-responsive review slider loaded from an “api endpoint” (welp, it’s a JSON file mimicking an api endpoint) and then populating the UI.

In part 3, we’ll focus on the JavaScript.

Links
Live site: https://codinginpublic.dev/projects/r...
Github Repo: https://github.com/coding-in-public/r...

Other videos in this series
Part 1:    • Product Review Slider Javascript Proj...  
Part 2:    • Product Review Slider Javascript Proj...  

Resources
Clamp video for dynamic sizing:    • Dynamic Font Size CSS with clamp()  
Icons: https://phosphoricons.com/
Photos: https://uifaces.co/
Pattern Generator: https://doodad.dev/pattern-generator/

Timestamps
0:00 Intro and Setup
1:17 Planning out the JavaScript
2:11 Fetch the data
3:27 Parse data to create review divs
5:32 Populate stars for each review
14:02 Event listeners to move to next/previous review
20:39 Outro