Molly is the name of our dog, so naturally #mollydog evolved as her social media hashtag. LITTLE DID I KNOW.. That "Molly" is in fact an extremely popular dog name. This simple javascript app is a tribute to Molly and her similarly-named canine friends.
- Access and retrieve data from a public API--in this case Instagram
- Display the data on the page using only native JavaScript (no frameworks or libraries!)
- Enable the UI to be updated without a page refresh
Quick Note There are multiple ways to accomplish the Instagram API integration. Here, I have used the instagram-python library to retrieve the data on the back-end and pass it to the front with a raw JavaScript AJAX request. (see server.py and lightbox.js ). I opted for this approach to honor the requirement that no JavaScript libraries were to be used.
It is also possible to access the Instagram API directly from the front-end with a single jQuery AJAX call. The retrieved data could then be displayed with virtually the same native JavaScript as the approach above. The code for this alternate approach can be found in the comments at the bottom of the lightbox.js file.
Thanks! Take a look at the working site here: Molly is a Dog