Creating a "Gallery" page
In this chapter, you'll delve into the creation of a captivating "Gallery" page, where you'll leverage the power of Node-RED, UI development, and API integration to build a fully functional image gallery. We'll guide you through the process of setting up Node-RED endpoints, designing an intuitive user interface, and implementing APIs to enable seamless communication between the backend and frontend components.
Endpoints for working with gallery
VIDEO RESULT after completing all actions on the "SingleCollection" page. To start creating this...
UI part. Creating the page
On this page, we will be using the following widgets: function widget. (It should automatica...
Download the image
When the Download button is clicked, instead of invoking an API, we perform a redirect to a URL. ...