Any Restaurant Template - JavaScript Lesson 6 video & images carousels plus rich text HTML modules.
In this lesson we apply the javascript and HTML from my old React.js application. This HTML & Vanilla JavaScript application has no database. It works off a local object. Within this object there is a key named "media", which is also an object. Within the "media" object we have keys for what type of media the value holds: "img", for images- "ytVideo" for youtube video id's - "html" for rich text content pieces and "map" for a google map embed code where the value holds a physical address. When the app loads these are separated out according to "type" and images or videos are saved for the html/javascript carousel modules I write in.
This lesson shows how to:
Parse and organize local media content by type
Dynamically build a responsive image/video carousel
Inject rich HTML content modules into the DOM
Embed Google Maps from a simple address
Whether you are learning how to structure modular, database-free restaurant websites or just want practical experience working with local JavaScript objects, this lesson has you covered.
Enhance your JS front-end skills with a hands-on, practical project.
View the code for this lesson:
https://github.com/aaronrs2002/any-re...
View the current live project:
https://aaronrs2002.github.io/any-res...