The latest articles on DEV Community by Alok Sahay (@aloksahay). https://dev.to/aloksahay https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2163389%2F1a7b6ae4-e66f-4646-bda4-f58fb03e5c15.png https://dev.to/aloksahay en Alok Sahay Mon, 14 Oct 2024 02:59:42 +0000 https://dev.to/aloksahay/decentralized-firebase-remote-config-237n https://dev.to/aloksahay/decentralized-firebase-remote-config-237n <p><em>This is a submission for the <a href="https://dev.to/challenges/pinata">The Pinata Challenge </a></em></p> <h2> What I Built </h2> <p>I built a decentralized version of the popular Firebase Remote Config. You can use RemoteConfig to define parameters in your app and update their values in the cloud, allowing you to modify the appearance and behavior of your app without distributing an app update.</p> <p>The landing screen shows your current Project (Pinata) and the number of configurations saved.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fma8vm3dusd24f18s76r6.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fma8vm3dusd24f18s76r6.png" alt="Image description" width="750" height="1334"></a></p> <p>The detail configuration screen shows your current configuration and also lets you copy the signed URL that your client application will use to point to the configuration.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flq8h7oicj75vd08iw3q1.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flq8h7oicj75vd08iw3q1.png" alt="Image description" width="750" height="1334"></a></p> <p>The app developer can set certain parameters like API endpoint, app version, API version etc. They can also set certain custom tags and a switch for hot-fixing and turning features on/off the go. You can use this to make a feature live for example without any updates.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3715dj087hcjvvnfp7fs.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3715dj087hcjvvnfp7fs.png" alt="Image description" width="750" height="1334"></a></p> <p>Easily compare the edits from your previous configurations. Like what features were changed, any broken endpoints etc. Old config is shown in blue.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpvnp5xnel21fuo531a1u.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpvnp5xnel21fuo531a1u.png" alt="Image description" width="750" height="1334"></a></p> <h2> Demo </h2> <p>Link to Demo:</p> <p><a href="https://cyan-genetic-barracuda-339.mypinata.cloud/ipfs/QmabGvzA3zxEFWGvEhpFSSF2BaLAZsRDtYkzPBgHdQJKyK" rel="noopener noreferrer">IPFS:</a></p> <p><a href="https://drive.google.com/file/d/1LkQmFy71eeCdl4Uia1Pol5TQxAF6TBFW/view?usp=drive_link" rel="noopener noreferrer">Google Drive:</a></p> <h2> My Code </h2> <p><a href="https://github.com/aloksahay/remote-config" rel="noopener noreferrer">Github</a></p> <h2> More Details </h2> <p>The Configurator is built in Swift using Files SDK. <br> Here are some of the APIs used in the project:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>https://docs.pinata.cloud/api-reference/endpoint/list-files https://docs.pinata.cloud/api-reference/endpoint/upload-a-file https://docs.pinata.cloud/api-reference/endpoint/get-signed-url https://docs.pinata.cloud/api-reference/endpoint/add-swap </code></pre> </div> <p>Here's a rough flow for the project:</p> <p>Dashboard app:</p> <ol> <li>Generate DB and upload to Files, DB is kept private and a signed URL is generated to fetch DB.</li> <li>When a configuration is added, the DB contents will change, and so will the CID. We perform a hot swap for the CIDs so the DB is always pointed by the first instance.</li> <li>The signed URL for the DB is passed to the client app, where a config instance is fetched that always points to the latest config. The SDK manages all configuration tasks so the user doesnt have to.</li> <li>An instance of configuration is stored locally on device and it is refreshed every 30 seconds (variable in the future).</li> </ol> <p>Using the parameters of the remote config instance, a developer can future proof updates for their app.</p> <p>This is a solo submission.</p> devchallenge pinatachallenge webdev api