<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>CodeMeltedDEV Articles &amp; Documentation</title>
        <link>https://codemelted.dev/</link>
        <description>Software engineering articles, domain use cases, and developer guides</description>
        <lastBuildDate>Fri, 13 Nov 2026 02:05:39 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>TypeDoc RSS Generator</generator>
        <language>en</language>
        <item>
            <title><![CDATA[Domain Use Cases]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Fifteen domain use cases were identified covering the most common areas a software engineer needs a solution.]]></description>
            <content:encoded><![CDATA[<center>
  <img src="https://codemelted.dev/media/use-case-model.drawio.png" />
  <br><br>
</center>
<table>
<thead>
<tr>
<th style="text-align:center">UC</th>
<th>Link</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">00</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Module_Core/">Module Core</a></td>
<td>Defines the reusable objects / API violation rules that apply to the entire module and not just a specific use case.</td>
</tr>
<tr>
<td style="text-align:center">01</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Async/">Async</a></td>
<td>Complex applications require the ability to asynchronously time slice up work as to not block the main synchronous processing thread.</td>
</tr>
<tr>
<td style="text-align:center">02</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Console/">Console</a></td>
<td>Command Line Interface (CLI) apps sometimes require basic input / output interaction with a user. Basic prompts working over STDIN / STDOUT / STDERR provides this capability.</td>
</tr>
<tr>
<td style="text-align:center">03</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Crypto/">Crypto</a></td>
<td>Apps needs to secure information from unauthorized usage. Cryptographic algorithms allow for hiding or coding information so that only authorized parties can read and process it.</td>
</tr>
<tr>
<td style="text-align:center">04</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Databse/">Database</a></td>
<td>Complicated data requires a way to be stored, recalled, and utilized. Embedded database technologies (IndexedDB <code>codemelted.js</code> / SQLite3 <code>codemelted.rs</code>) allow for this complex data storage.</td>
</tr>
<tr>
<td style="text-align:center">05</td>
<td><a href="https://codemelted.dev/media/disk.md">Disk</a></td>
<td>Applications have to interact with files on disk. That means reading and writing to them along with managing them.</td>
</tr>
<tr>
<td style="text-align:center">06</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Hardware/">Hardware</a></td>
<td>Hardware peripherals are auxiliary devices connected to a computer to expand its capabilities. Applications connect to these peripherals via protocols specific to that hardware.</td>
</tr>
<tr>
<td style="text-align:center">07</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/JSON/">JSON</a></td>
<td>JSON (JavaScript Object Notation) is a lightweight, plain-text format used to store and transfer structured data between a server and an application.</td>
</tr>
<tr>
<td style="text-align:center">08</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Logger/">Logger</a></td>
<td>A utility that automatically records, tracks, and stores sequential data, system events, or user actions over time.</td>
</tr>
<tr>
<td style="text-align:center">09</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Math/">Math</a></td>
<td>A collection of mathematical formulas for computational purposes.</td>
</tr>
<tr>
<td style="text-align:center">10</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Monitor/">Monitor</a></td>
<td>An ability to measure aspects of the host computer / operating system of a developed application is key in identifying metrics that can point to issues with the host system.</td>
</tr>
<tr>
<td style="text-align:center">11</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Network/">Network</a></td>
<td>A system of interconnected computing devices that communicate and share resources, data, and applications over wired or wireless connections.</td>
</tr>
<tr>
<td style="text-align:center">12</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Process/">Process</a></td>
<td>An instance of a computer program that is actively being executed by the operating system and the CPU. Bidirectional communication occurs via STDIN / STDOUT / STDERR.</td>
</tr>
<tr>
<td style="text-align:center">13</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Runtime/">Runtime</a></td>
<td>The supporting software, libraries, and virtual layer that sit between the app and the operating system to make the program run.</td>
</tr>
<tr>
<td style="text-align:center">14</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/Storage/">Storage</a></td>
<td>A string based key / value pair combination for simple information storage and retrieval.</td>
</tr>
<tr>
<td style="text-align:center">15</td>
<td><a href="https://codemelted.dev/Domain_Use_Cases/User_Interface/">User Interface</a></td>
<td>A visual way for humans to interact with electronic devices, such as computers, smartphones, and ATMs, using graphics instead of text commands.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Module Core]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Module_Core/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Module_Core/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Defines the reusable objects / API violation rules that apply to the entire module and not just a specific use case.]]></description>
            <content:encoded><![CDATA[<p>Defines the reusable objects / API violation rules that apply to the entire module and not just a specific use case.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://doc.rust-lang.org/std/result/">Rust Result</a></td>
<td>A concept replicated in the <code>codemelted.js</code> module as <code>try-catch</code> is horrible construct.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window">Window</a></td>
<td>Represents the <code>globalThis</code> within the Browser runtime.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Async]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Async/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Async/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Complex applications require the ability to asynchronously time slice up work as to not block the main synchronous processing thread.]]></description>
            <content:encoded><![CDATA[<p>Complex applications require the ability to asynchronously time slice up work as to not block the main synchronous processing thread.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-01-a-sleep">UC-01-A: Sleep</a></li>
<li><a href="#uc-01-b-task">UC-01-B: Task</a></li>
<li><a href="#uc-01-c-timer">UC-01-C: Timer</a></li>
<li><a href="#uc-01-d-worker">UC-01-D: Worker</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#javascript-module">JavaScript Module</a></li>
<li><a href="#rust-module">Rust Module</a></li>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<pre><code class="mermaid">usecase-beta
  direction LR
  actor tech_stack(&quot;Tech Stack&quot;)
  systemBoundary &quot;UC-01: Async&quot;
    async_sleep(&quot;Sleep&quot;)
    async_task(&quot;Task&quot;)
    async_timer(&quot;Timer&quot;)
    async_worker(&quot;Worker&quot;)
  end
  tech_stack --&gt; async_sleep
  tech_stack --&gt; async_task
  tech_stack --&gt; async_timer
  tech_stack --&gt; async_worker
</code></pre>

<h2 id="uc-01-a-sleep" class="tsd-anchor-link">UC-01-A: Sleep</h2>
<ol>
<li>WHEN invoking a Sleep, THE module SHALL delay for a specified amount of milliseconds.</li>
<li>IF the delay is not a number, THEN the module SHALL raise an API violation error.</li>
</ol>
<h2 id="uc-01-b-task" class="tsd-anchor-link">UC-01-B: Task</h2>
<p><mark> TO BE DETERMINES </mark></p>
<h2 id="uc-01-c-timer" class="tsd-anchor-link">UC-01-C: Timer</h2>
<p><mark> TO BE DETERMINES </mark></p>
<h2 id="uc-01-d-worker" class="tsd-anchor-link">UC-01-D: Worker</h2>
<p><mark> TO BE DETERMINES </mark></p>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="javascript-module" class="tsd-anchor-link">JavaScript Module</h2>
<div class="tsd-alert tsd-alert-note"><div class="tsd-alert-title"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><use href="https://codemelted.dev/assets/icons.svg#icon-alertNote"></use></svg><span>Note</span></div><p> <code>codemelted.js</code> Front End Module</p>
<ol>
<li>Sleep, Task, and Timers are asynchronous processing on the Browser runtime main thread. Meaning it carves up the time and is not running in the background. Worker is a dedicated background thread.</li>
<li>Worker will not work in Node runtime.</li>
<li>API Violations will result in a thrown <code>CModuleError</code></li>
</ol>
</div>
<p><strong>Class Architecture</strong></p>
<pre><code class="mermaid">classDiagram
  namespace codemelted_ns[&quot;codemelted&quot;] {
    %% Module Core
    class CResult
    class CProtocol

    %% Async Use Case Specifics
    class CFuture~T~ {
      +cancel() void
      +execute(T data) void
      +has_completed() boolean
      +result() Promise~CResult~T~~
    }

    class CTaskCB~T~ {
      +callback(T data) T
    }

    class CTimerEvent {
      +interval() number
    }

    class CTimerProtocol

    class CWorkerEvent {
      +as_error_event() ErrorEvent
      +as_message_event() MessageEvent
      +event() ErrorEvent | MessageEvent
      +is_error() boolean
    }

    class CWorkerOptions {
      +credentials string
      +name string
      +type string
    }

    class CWorkerProtocol
    note for CWorkerProtocol &quot;Not supported on Node runtime.&lt;br&gt;Make sure to use runtime_available()&lt;br&gt;to make sure it exists within the JavaScript runtime&quot;

    class codemelted {
      &lt;&lt;module api&gt;&gt;
      +async_sleep(delay) Promise~void~
      +async_task(task, data, delay) CFuture~T~
      +async_timer(name, interval, rx_handler) CTimerProtocol
      +async_worker(name, options, rx_handler, url) CWorkerProtocol
    }
  }

  CFuture --&gt; CResult: returns
  CTimerProtocol --&gt; CTimerEvent: fires
  CTimerProtocol --|&gt; CProtocol: implements
  CWorkerProtocol --&gt; CWorkerOptions: consumes
  CWorkerProtocol --&gt; CWorkerEvent: fires
  CWorkerProtocol --|&gt; CProtocol: implements
  codemelted --&gt; CFuture: creates
  codemelted --&gt; CTaskCB: consumes
  codemelted --&gt; CTimerProtocol: creates
  codemelted --&gt; CWorkerProtocol: creates
</code></pre>

<h2 id="rust-module" class="tsd-anchor-link">Rust Module</h2>
<p><mark> TO BE DETERMINES </mark></p>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://en.cppreference.com/cpp/thread/future">C++ Future</a></td>
<td>To get a general reference design for designing the <code>CFuture</code> object.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></td>
<td>A way of dividing up the webpage main thread with different work elements.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">Worker</a></td>
<td>Providing a way to spawn background thread processing for a webpage.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Console]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Console/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Console/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Command Line Interface (CLI) apps sometimes require basic input / output interaction with a user. Basic prompts working over STDIN / STDOUT / STDERR provides this capability.]]></description>
            <content:encoded><![CDATA[<p>Command Line Interface (CLI) apps sometimes require basic input / output interaction with a user. Basic prompts working over STDIN / STDOUT / STDERR provides this capability.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Crypto]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Crypto/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Crypto/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Apps needs to secure information from unauthorized usage. Cryptographic algorithms allow for hiding or coding information so that only authorized parties can read and process it.]]></description>
            <content:encoded><![CDATA[<p>Apps needs to secure information from unauthorized usage. Cryptographic algorithms allow for hiding or coding information so that only authorized parties can read and process it.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Databse]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Databse/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Databse/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Complicated data requires a way to be stored, recalled, and utilized. Embedded database technologies (IndexedDB codemelted.js / SQLite3 codemelted.rs) allow for this complex data storage.]]></description>
            <content:encoded><![CDATA[<p>Complicated data requires a way to be stored, recalled, and utilized. Embedded database technologies (IndexedDB <code>codemelted.js</code> / SQLite3 <code>codemelted.rs</code>) allow for this complex data storage.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Hardware]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Hardware/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Hardware/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[Hardware peripherals are auxiliary devices connected to a computer to expand its capabilities. Applications connect to these peripherals via protocols specific to that hardware.]]></description>
            <content:encoded><![CDATA[<p>Hardware peripherals are auxiliary devices connected to a computer to expand its capabilities. Applications connect to these peripherals via protocols specific to that hardware.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Bluetooth">Bluetooth</a></td>
<td>Allows for a webpage to connect to a Bluetooth peripheral.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API">Geolocation</a></td>
<td>Provides a webpage with access to WGS84 coordinates to know where it is located in the world.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/USB">USB</a></td>
<td>Provides a webpage access to USB hardware peripherals attached to a computer.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API">Web Serial</a></td>
<td>Provides a webpage access to RS-232 hardware peripherals attached to a computer.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_MIDI_API">Web MIDI</a></td>
<td>Provides a webpage access to MIDI attached devices to a computer.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — JSON]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/JSON/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/JSON/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[JSON (JavaScript Object Notation) is a lightweight, plain-text format used to store and transfer structured data between a server and an application.]]></description>
            <content:encoded><![CDATA[<p>JSON (JavaScript Object Notation) is a lightweight, plain-text format used to store and transfer structured data between a server and an application.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Logger]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Logger/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Logger/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A utility that automatically records, tracks, and stores sequential data, system events, or user actions over time.]]></description>
            <content:encoded><![CDATA[<p>A utility that automatically records, tracks, and stores sequential data, system events, or user actions over time.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/console">Console</a></td>
<td>Everything you wanted to know on how to log data within a webpage.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Math]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Math/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Math/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A collection of mathematical formulas for computational purposes.]]></description>
            <content:encoded><![CDATA[<p>A collection of mathematical formulas for computational purposes.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Monitor]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Monitor/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Monitor/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[An ability to measure aspects of the host computer / operating system of a developed application is key in identifying metrics that can point to issues with the host system.]]></description>
            <content:encoded><![CDATA[<p>An ability to measure aspects of the host computer / operating system of a developed application is key in identifying metrics that can point to issues with the host system.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Network]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Network/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Network/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A system of interconnected computing devices that communicate and share resources, data, and applications over wired or wireless connections.]]></description>
            <content:encoded><![CDATA[<p>A system of interconnected computing devices that communicate and share resources, data, and applications over wired or wireless connections.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Beacon_API">Beacon</a></td>
<td>Sets up a quick post call to a backend server from a webpage.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast Channel</a></td>
<td>Allows for a broadcast mechanism between open pages on the same domain.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource">EventSource</a></td>
<td>Provides a webpage the ability to receive a stream of Server-Sent Events.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">Fetch</a></td>
<td>Provides a webpage the ability to perform REST API transactions with a server.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSocket">WebSocket</a></td>
<td>The web standard for TCP bidirectional communication between a client / server.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API">WebRTC</a></td>
<td>Mechanism to get real time audio / video communication between webpage peers.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebTransport">WebTransport</a></td>
<td>The web standard for UDP socket communication between different web clients.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Process]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Process/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Process/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[An instance of a computer program that is actively being executed by the operating system and the CPU. Bidirectional communication occurs via STDIN / STDOUT / STDERR.]]></description>
            <content:encoded><![CDATA[<p>An instance of a computer program that is actively being executed by the operating system and the CPU. Bidirectional communication occurs via STDIN / STDOUT / STDERR.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Runtime]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Runtime/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Runtime/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[The supporting software, libraries, and virtual layer that sit between the app and the operating system to make the program run.]]></description>
            <content:encoded><![CDATA[<p>The supporting software, libraries, and virtual layer that sit between the app and the operating system to make the program run.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget">EventTarget</a></td>
<td>Represents how webpages communicate events and provides mechanism for the webpage to register for them.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Location">Location</a></td>
<td>Provides a webpage with basic information of their network location.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator">Navigator</a></td>
<td>Attaches a bunch of different APIs that require detection as they may not be available in different web browsers.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — Storage]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/Storage/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/Storage/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A string based key / value pair combination for simple information storage and retrieval.]]></description>
            <content:encoded><![CDATA[<p>A string based key / value pair combination for simple information storage and retrieval.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<p><mark>Further Refined Use Case Model</mark></p>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/CookieStore">CookieStore</a></td>
<td>The modern way webpages can store cookies vs. the old way on a host computer.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage">localStorage</a></td>
<td>Provides a webpage with a string key / value storage mechanism that lasts after page closes and is opened in a new session.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage">sessionStorage</a></td>
<td>A key / value string storage active for the webpage session. Cleared when page is closed.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Domain Use Cases — User Interface]]></title>
            <link>https://codemelted.dev/Domain_Use_Cases/User_Interface/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Domain_Use_Cases/User_Interface/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A visual way for humans to interact with electronic devices, such as computers, smartphones, and ATMs, using graphics instead of text commands.]]></description>
            <content:encoded><![CDATA[<p>A visual way for humans to interact with electronic devices, such as computers, smartphones, and ATMs, using graphics instead of text commands.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#functional-analysis">FUNCTIONAL ANALYSIS</a>
<ul>
<li><a href="#uc-1-function-feature">UC-1: Function Feature</a></li>
</ul>
</li>
<li><a href="#notes">NOTES</a>
<ul>
<li><a href="#references">References</a></li>
</ul>
</li>
</ul>
<h1 id="functional-analysis" class="tsd-anchor-link">FUNCTIONAL ANALYSIS</h1>
<h2 id="uc-1-function-feature" class="tsd-anchor-link">UC-1: Function Feature</h2>
<p><mark>IF Describing via Behavioral Driven Development (BDD) User Story Format</mark></p>
<ul>
<li><strong>Description:</strong> As a [who], I want [what], so that [why].</li>
<li><strong>Scenario 1:</strong> Describe the scenario
<ul>
<li><em>Given:</em> Sets up the initial context, state, or preconditions of the system before any action happens.</li>
<li><em>When:</em> Describes the specific action, event, or trigger performed by the user or system.</li>
<li><em>Then:</em> Specifies the expected observable outcome or response after the action.</li>
<li><em>And:</em> Extends any of the previous statements to add positive or multiple conditions, actions, or results.</li>
<li><em>But:</em> Adds a negative condition, exception, or contrasting limitation to the preceding steps</li>
</ul>
</li>
<li><strong>Scenario 2:</strong> Describe the scenario
<ul>
<li><em>Given:</em> Sets up the initial context, state, or preconditions of the system before any action happens.</li>
<li><em>When:</em> Describes the specific action, event, or trigger performed by the user or system.</li>
<li><em>Then:</em> Specifies the expected observable outcome or response after the action.</li>
<li><em>And:</em> Extends any of the previous statements to add positive or multiple conditions, actions, or results.</li>
<li><em>But:</em> Adds a negative condition, exception, or contrasting limitation to the preceding steps</li>
</ul>
</li>
</ul>
<p><mark>IF Describing via Use Case Scenario Format:</mark></p>
<ul>
<li><strong>Description:</strong> A description of what this use case is all about.</li>
<li><strong>Actors:</strong> Who / what is triggering this use case.</li>
<li><strong>Trigger:</strong> The ideal setup necessary for the use case scenario to run.</li>
<li><strong>Main Success Scenario:</strong> The primary, ideal sequence of steps where everything goes right and the user achieves their goal without errors</li>
<li><strong>Alternate Flows:</strong> Different paths or optional behaviors that still lead to success (e.g., a customer pays with PayPal instead of a credit card)</li>
<li><strong>Exception Flows:</strong> Paths handling errors, invalid inputs, or system failures (e.g., a declined credit card or an out-of-stock item)</li>
<li><strong>Post-Condition:</strong> The expectation when the main success scenario completes.</li>
</ul>
<p><mark>IF Describing via EARS Function Requirements Format:</mark></p>
<ul>
<li>Ubiquitous (Always Active): The <system name> shall <system response> (e.g., The mobile phone shall have a mass of less than 150 grams</li>
<li>State-Driven (Active During a State): While <state>, the <system name> shall <system response> (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</li>
<li>Event-Driven (Triggered by an Event): When <trigger>, the <system name> shall <system response> (e.g., When the user presses the power button, the device shall turn on)</li>
<li>Optional Features: Where <feature is present>, the <system name> shall <system response> (e.g., Where the navigation package is installed, the system shall display the map)</li>
<li>Unwanted Behavior: If <unwanted trigger>, then the <system name> shall <system response> (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</li>
</ul>
<h1 id="notes" class="tsd-anchor-link">NOTES</h1>
<h2 id="references" class="tsd-anchor-link">References</h2>
<table>
<thead>
<tr>
<th>Reference</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen">Screen</a></td>
<td>Queryable elements about a device screen for a webpage to access.</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements">Using Custom Elements</a></td>
<td>Why use a whole framework for UI elements on a webpage. Make your own the way you want.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Software Engineering]]></title>
            <link>https://codemelted.dev/Software_Engineering/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Software_Engineering/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A Software Engineering Knowledge Repository.]]></description>
            <content:encoded><![CDATA[<table>
<thead>
<tr>
<th>Area</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://codemelted.dev/Software_Engineering/Starter_Templates/">Starter Templates</a></td>
<td>This is a collection of templates for performing software engineering tasks and beginning a coding effort. The templates have descriptions within to aid in getting started with the task at hand. The templates can also serve in feeding AI agents to control what and how they build / validate a solution. Finally, these are just templates, modify as necessary for your project needs.</td>
</tr>
</tbody>
</table>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Software Engineering — Starter Templates]]></title>
            <link>https://codemelted.dev/Software_Engineering/Starter_Templates/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Software_Engineering/Starter_Templates/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[A collection of templates for performing software engineering tasks and beginning a coding effort.]]></description>
            <content:encoded><![CDATA[<p>This is a collection of templates for performing software engineering tasks and beginning a coding effort. The templates have descriptions within to aid in getting started with the task at hand. The templates can also serve in feeding AI agents to control what and how they build / validate a solution. Finally, these are just templates, modify as necessary for your project needs.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#code">CODE</a>
<ul>
<li><a href="#css-styles">CSS Styles</a></li>
<li><a href="#javascript-module">JavaScript Module</a></li>
<li><a href="#linux--unix-shell-script">Linux / Unix Shell Script</a></li>
<li><a href="#powershell-script">PowerShell Script</a></li>
<li><a href="#rust-module">Rust Module</a></li>
<li><a href="#webpage">Webpage</a></li>
</ul>
</li>
<li><a href="#markdown">MARKDOWN</a>
<ul>
<li><a href="#feature-request">Feature Request</a></li>
<li><a href="#object-oriented-analysis-and-design-ooad">Object-Oriented Analysis and Design (OOAD)</a></li>
<li><a href="#process">Process</a></li>
<li><a href="#readme">README</a></li>
<li><a href="#test-case">Test Case</a></li>
</ul>
</li>
</ul>
<h1 id="code" class="tsd-anchor-link">CODE</h1>
<p>The following are starter coding templates that either conform to the given languages SDK documentation tool or just has a comments section for good maintenance purposes.</p>
<h2 id="css-styles" class="tsd-anchor-link">CSS Styles</h2>
<p>CSS styles serve as the basis for styling an HTML webpage. It can create a rich User Interface experience to aid in developing either static website, Single Page Application (SPA), or a Progressive Web Application (PWA) taking full advantage of a near native experience without the hassle of an app store. The organization below is a guide in grouping your CSS in a way that allows for easy maintenance and overrides to flow appropriately.</p>
<pre><code class="css"><span class="hl-0">/*</span><br/><span class="hl-0">===============================================================================</span><br/><span class="hl-0">@file BRIEF ABOUT FILE</span><br/><span class="hl-0">@author EMAIL / WEBSITE</span><br/><span class="hl-0">@copyright © 2026 AUTHOR. All Rights Reserved.</span><br/><span class="hl-0">@license MIT License</span><br/><br/><span class="hl-0">Permission is hereby granted, free of charge, to any person obtaining a copy</span><br/><span class="hl-0">of this software and associated documentation files (the &#39;Software&#39;), to deal</span><br/><span class="hl-0">in the Software without restriction, including without limitation the rights</span><br/><span class="hl-0">to use, copy, modify, merge,  publish, distribute, sublicense, and/or sell</span><br/><span class="hl-0">copies of the Software, and to permit persons to whom the Software is</span><br/><span class="hl-0">furnished to do so, subject to the following conditions:</span><br/><br/><span class="hl-0">The above copyright notice and this permission notice shall be included</span><br/><span class="hl-0">in all copies or substantial portions of the Software.</span><br/><br/><span class="hl-0">THE SOFTWARE IS PROVIDED &#39;AS IS&#39;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR</span><br/><span class="hl-0">IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,</span><br/><span class="hl-0">FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL</span><br/><span class="hl-0">THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER</span><br/><span class="hl-0">LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,</span><br/><span class="hl-0">OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE</span><br/><span class="hl-0">SOFTWARE.</span><br/><br/><span class="hl-0">@history</span><br/><span class="hl-0">- YYYY-MMM-DD:</span><br/><span class="hl-0">@todos</span><br/><span class="hl-0">1. Thing to do in file.</span><br/><span class="hl-0">===============================================================================</span><br/><span class="hl-0">*/</span><br/><br/><span class="hl-0">/* ========================================================================= */</span><br/><span class="hl-0">/* [ROOT VARIABLES] ======================================================== */</span><br/><span class="hl-0">/* ========================================================================= */</span><br/><br/><br/><span class="hl-0">/* ========================================================================= */</span><br/><span class="hl-0">/* [GLOBAL HTML TAG STYLES] ================================================ */</span><br/><span class="hl-0">/* ========================================================================= */</span><br/><br/><span class="hl-0">/* ========================================================================= */</span><br/><span class="hl-0">/* [CUSTOM HTML ELEMENT STYLES] ============================================ */</span><br/><span class="hl-0">/* ========================================================================= */</span><br/><br/><span class="hl-0">/* ========================================================================= */</span><br/><span class="hl-0">/* [ID TAG STYLES] ========================================================= */</span><br/><span class="hl-0">/* ========================================================================= */</span><br/><br/><span class="hl-0">/* ========================================================================= */</span><br/><span class="hl-0">/* [REUSABLE CLASS STYLES] ================================================= */</span><br/><span class="hl-0">/* ========================================================================= */</span>
</code></pre>

<h2 id="javascript-module" class="tsd-anchor-link">JavaScript Module</h2>
<p>Any complicated JavaScript full-stack solution should utilize ES6 modules. This allows for segmenting code into organized chunks. The below template is validated via <code>typedoc</code> which universally makes the nicest documentation between the different JavaScript V8 runtimes and web pages alike. Extra information is stored within this example to allow for one-off module management. For larger projects, this additional information would be unnecessary. The <code>// @ts-check</code> at the top of the module is key for utilizing modern type checking within major code editors and linters.</p>
<pre><code class="javascript"><span class="hl-0">// @ts-check</span><br/><span class="hl-0">// ============================================================================</span><br/><span class="hl-0">/**</span><br/><span class="hl-0"> * &lt;mark&gt;Add Image Tag if you have one.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * | Key       | Value                                                        |</span><br/><span class="hl-0"> * | --------- | ------------------------------------------------------------ |</span><br/><span class="hl-0"> * | AUTHOR    | EMAIL / WEBSITE                                              |</span><br/><span class="hl-0"> * | COPYRIGHT | © YYYY NAME. All Rights Reserved.                            |</span><br/><span class="hl-0"> * | VERSION   | v26.X.Y (Last Updated YYYY-DD-MM)                            |</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * &lt;mark&gt;Introduce the module.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * # FEATURES</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * &lt;mark&gt;Identify the important aspects of the project and what makes it cool.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * # GETTING STARTED</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * &lt;mark&gt;Identify the steps necessary to be successful with the repo.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * # USAGE</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * &lt;mark&gt;Identify how to use the repo once getting started is done.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * ## TODOS</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * - &lt;mark&gt;Track things that need changing.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * # LICENSE</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * &lt;mark&gt;Identify the license that governs this repo.&lt;/mark&gt;</span><br/><span class="hl-0"> *</span><br/><span class="hl-0"> * </span><span class="hl-1">@module</span><span class="hl-0"> </span><span class="hl-2">starter_module</span><br/><span class="hl-0"> */</span><br/><span class="hl-0">// =============================================================================</span><br/><span class="hl-0">// [MODULE CORE] ===============================================================</span><br/><span class="hl-0">// =============================================================================</span><br/><br/><span class="hl-0">// Put your module privates here</span><br/><br/><span class="hl-0">// =============================================================================</span><br/><span class="hl-0">// [PUBLIC API] ================================================================</span><br/><span class="hl-0">// =============================================================================</span><br/><br/><span class="hl-0">// Put exports below here.</span>
</code></pre>

<h2 id="linux-unix-shell-script" class="tsd-anchor-link">Linux / Unix Shell Script</h2>
<p>Every now and again you will need to build quick utilities in a terminal shell. The example below gives the ability to manage such a script whether it is a personal tool chain or represents a bigger DevOps solution. No individual versioning is captured but keeping a version history and to-do section is handy when you are individually managing the script, but it does not exist in source control repository.</p>
<pre><code class="sh"><span class="hl-0">#!/usr/bin/env bash</span><br/><span class="hl-0"># =============================================================================</span><br/><span class="hl-0"># FILE: WHAT IS THIS SCRIPT FOR</span><br/><span class="hl-0"># AUTHOR: email / website</span><br/><span class="hl-0"># COPYRIGHT: © YYYY NAME. All Rights Reserved.</span><br/><span class="hl-0"># LICENSE: MIT License</span><br/><span class="hl-0">#</span><br/><span class="hl-0"># Permission is hereby granted, free of charge, to any person obtaining a copy</span><br/><span class="hl-0"># of this software and associated documentation files (the &#39;Software&#39;), to deal</span><br/><span class="hl-0"># in the Software without restriction, including without limitation the rights</span><br/><span class="hl-0"># to use, copy, modify, merge,  publish, distribute, sublicense, and/or sell</span><br/><span class="hl-0"># copies of the Software, and to permit persons to whom the Software is</span><br/><span class="hl-0"># furnished to do so, subject to the following conditions:</span><br/><span class="hl-0">#</span><br/><span class="hl-0"># The above copyright notice and this permission notice shall be included</span><br/><span class="hl-0"># in all copies or substantial portions of the Software.</span><br/><span class="hl-0">#</span><br/><span class="hl-0"># THE SOFTWARE IS PROVIDED &#39;AS IS&#39;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR</span><br/><span class="hl-0"># IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,</span><br/><span class="hl-0"># FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL</span><br/><span class="hl-0"># THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER</span><br/><span class="hl-0"># LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,</span><br/><span class="hl-0"># OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE</span><br/><span class="hl-0"># SOFTWARE.</span><br/><span class="hl-0">#</span><br/><span class="hl-0"># HISTORY:</span><br/><span class="hl-0"># - [YYYY-MMM-DD]:</span><br/><span class="hl-0"># TODOS:</span><br/><span class="hl-0"># 1. What to do.</span><br/><span class="hl-0"># =============================================================================</span><br/><span class="hl-1">function</span><span class="hl-3"> </span><span class="hl-4">main</span><span class="hl-3"> {</span><br/><span class="hl-3">  </span><span class="hl-1">local</span><span class="hl-3"> </span><span class="hl-5">VERSION</span><span class="hl-3"> = </span><span class="hl-6">&quot;vXX.Y.Z [Last Modified YYYY-MMM-DD]&quot;</span><br/><span class="hl-3">  </span><span class="hl-0"># You can also break up the script with more functions making it very</span><br/><span class="hl-3">  </span><span class="hl-0"># versatile for writing complex BASH scripts for you UNIX / LINUX system.</span><br/><span class="hl-3">  </span><span class="hl-1">function</span><span class="hl-3"> </span><span class="hl-4">sub_task</span><span class="hl-3"> {</span><br/><span class="hl-3">    </span><span class="hl-0"># See sub_task</span><br/><span class="hl-3">  }</span><br/><br/><span class="hl-3">  </span><span class="hl-0"># -------------------------------------------------------------------------</span><br/><span class="hl-3">  </span><span class="hl-0"># [MAIN] ------------------------------------------------------------------</span><br/><span class="hl-3">  </span><span class="hl-0"># -------------------------------------------------------------------------</span><br/><span class="hl-3">  </span><span class="hl-5">$action</span><span class="hl-3"> </span><span class="hl-6">=</span><span class="hl-3"> </span><span class="hl-5">$1</span><br/><span class="hl-3">  </span><span class="hl-7">if</span><span class="hl-3"> [ </span><span class="hl-6">&quot;</span><span class="hl-5">$action</span><span class="hl-6">&quot;</span><span class="hl-3"> == </span><span class="hl-6">&quot;help&quot;</span><span class="hl-3"> ]; </span><span class="hl-7">then</span><br/><span class="hl-3">    </span><span class="hl-0"># Do something with the action.</span><br/><span class="hl-3">    </span><span class="hl-4">sub_task</span><br/><span class="hl-3">  </span><span class="hl-7">fi</span><br/><span class="hl-3">}</span><br/><span class="hl-4">main</span><span class="hl-3"> </span><span class="hl-5">$@</span>
</code></pre>

<h2 id="powershell-script" class="tsd-anchor-link">PowerShell Script</h2>
<p>Same as the <a href="#linux--unix-shell-script">Linux / Unit Shell Script</a> a Windows terminal shell offers PowerShell. Unlike traditional Linux / Unix shells utilize POSIX rules for passing strings, PowerShell offers Object parsing utilizing .NET core. What is even more powerful, is that PowerShell core can run on Linux / Unix shells as well-meaning you can create a cross-platform shell script.</p>
<p>It has all the modern programming language niceties wrapped into a shell environment. Its help system is fully integrated into the environment with the ability to build distributable modules or scripts via the PowerShell Gallery. To that end however, most users are just creating simple scripts to the example below follows the same paradigm as shell scripts with the PowerShell script. If you want to develop more complicated, scripts, visit PowerShell Learn for examples of organizing such scripts.</p>
<pre><code class="PowerShell"><span class="hl-0">#!/usr/bin/pwsh</span><br/><span class="hl-0"># =============================================================================</span><br/><span class="hl-5">$ABOUT_SCRIPT</span><span class="hl-3"> = </span><span class="hl-1">@</span><span class="hl-3">{</span><br/><span class="hl-5">file</span><span class="hl-3"> = </span><span class="hl-6">@&quot;</span><br/><span class="hl-6">What does the script do...</span><br/><span class="hl-6">&quot;@</span><br/><span class="hl-5">author</span><span class="hl-3"> = </span><span class="hl-6">&quot;mark.shaffer@codemelted.com / codemelted.dev&quot;</span><br/><span class="hl-5">copyright</span><span class="hl-3"> = </span><span class="hl-6">&quot;© 2025 - 2026 Mark Shaffer. All Rights Reserved.&quot;</span><br/><span class="hl-5">license</span><span class="hl-3"> = </span><span class="hl-6">@&quot;</span><br/><span class="hl-6">MIT License</span><br/><br/><span class="hl-6">Permission is hereby granted, free of charge, to any person obtaining a copy</span><br/><span class="hl-6">of this software and associated documentation files (the &quot;Software&quot;), to</span><br/><span class="hl-6">deal in the Software without restriction, including without limitation the</span><br/><span class="hl-6">rights to use, copy, modify, merge, publish, distribute, sublicense, and/or</span><br/><span class="hl-6">sell copies of the Software, and to permit persons to whom the Software is</span><br/><span class="hl-6">furnished to do so, subject to the following conditions:</span><br/><br/><span class="hl-6">The above copyright notice and this permission notice shall be included in</span><br/><span class="hl-6">all copies or substantial portions of the Software.</span><br/><br/><span class="hl-6">THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR</span><br/><span class="hl-6">IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,</span><br/><span class="hl-6">FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE</span><br/><span class="hl-6">AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER</span><br/><span class="hl-6">LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING</span><br/><span class="hl-6">FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS</span><br/><span class="hl-6">IN THE SOFTWARE.</span><br/><span class="hl-6">&quot;@</span><br/><span class="hl-5">history</span><span class="hl-3"> = </span><span class="hl-6">@&quot;</span><br/><span class="hl-6">- 2026-MMM-DD: What was modified.</span><br/><span class="hl-6">&quot;@</span><br/><span class="hl-5">todos</span><span class="hl-3"> = </span><span class="hl-6">@&quot;</span><br/><span class="hl-6">1. Things to do.</span><br/><span class="hl-6">&quot;@</span><br/><span class="hl-3">}</span><br/><span class="hl-0"># =============================================================================</span><br/><span class="hl-1">function</span><span class="hl-3"> </span><span class="hl-4">main</span><span class="hl-3"> {</span><br/><span class="hl-3">  </span><span class="hl-0"># You can also break up the script with more functions making it very</span><br/><span class="hl-3">  </span><span class="hl-0"># versatile for writing complex powershell scripts for you devops needs.</span><br/><span class="hl-3">  </span><span class="hl-1">function</span><span class="hl-3"> </span><span class="hl-4">sub_task</span><span class="hl-3"> {</span><br/><span class="hl-3">    </span><span class="hl-0"># do sub_task work.</span><br/><span class="hl-3">  }</span><br/><br/><span class="hl-3">  </span><span class="hl-0"># Start defining the main of the script</span><br/><span class="hl-3">  [</span><span class="hl-1">string</span><span class="hl-3">]</span><span class="hl-5">$action</span><span class="hl-3"> = </span><span class="hl-5">$args</span><span class="hl-3">[</span><span class="hl-8">0</span><span class="hl-3">]</span><br/><span class="hl-3">}</span><br/><span class="hl-3">main </span><span class="hl-5">@args</span>
</code></pre>

<h2 id="rust-module" class="tsd-anchor-link">Rust Module</h2>
<p>Rust has a very powerful way of organizing modules. Understanding that module system helps to build powerful memory safe applications. To this end, when starting off, you can organize modules within a module source file. Each source file in a Rust project is a module that can be divided up with more modules. When the scope of this module grows to large, you can break it out into a more organized module project. But this serves as a good starting point. Delete sections not needed in the introductory header based on your companies coding standards.</p>
<pre><code class="rust"><span class="hl-0">// ============================================================================</span><br/><span class="hl-0">//! | Key       | Value                                                       |</span><br/><span class="hl-0">//! | --------- | ----------------------------------------------------------- |</span><br/><span class="hl-0">//! | AUTHOR    | EMAIL / WEBITE.                                             |</span><br/><span class="hl-0">//! | COPYRIGHT | © YYYY NAME. All Rights Reserved.                           |</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! # FEATURES</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! &lt;mark&gt;Identify the important aspects of the project and what makes it cool.&lt;/mark&gt;</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! # GETTING STARTED</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! &lt;mark&gt;Identify the steps necessary to be successful with the repo.&lt;/mark&gt;</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! # USAGE</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! &lt;mark&gt;Identify how to use the repo once getting started is done.&lt;/mark&gt;</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! # TODOS</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! &lt;mark&gt;List of TODOs that need handling within the module.&lt;/mark&gt;</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! # LICENSE</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! MIT License</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! © YYYY NAME. All Rights Reserved.</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! Permission is hereby granted, free of charge, to any person obtaining a</span><br/><span class="hl-0">//! copy of this software and associated documentation files (the &quot;Software&quot;),</span><br/><span class="hl-0">//! to deal in the Software without restriction, including without limitation</span><br/><span class="hl-0">//! the rights to use, copy, modify, merge, publish, distribute, sublicense,</span><br/><span class="hl-0">//! and/or sell copies of the Software, and to permit persons to whom the</span><br/><span class="hl-0">//! Software is furnished to do so, subject to the following conditions:</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! The above copyright notice and this permission notice shall be included in</span><br/><span class="hl-0">//! all copies or substantial portions of the Software.</span><br/><span class="hl-0">//!</span><br/><span class="hl-0">//! THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR</span><br/><span class="hl-0">//! IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,</span><br/><span class="hl-0">//! FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL</span><br/><span class="hl-0">//! THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER</span><br/><span class="hl-0">//! LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING</span><br/><span class="hl-0">//! FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER</span><br/><span class="hl-0">//! DEALINGS IN THE SOFTWARE.</span><br/><span class="hl-0">// ============================================================================</span><br/><span class="hl-0">// [MODULE CORE IMPLEMENTATION] ===============================================</span><br/><span class="hl-0">// ============================================================================</span><br/><span class="hl-3">#![doc(html_logo_url =</span><br/><span class="hl-3">  </span><span class="hl-6">&quot;https://codemelted.com/assets/favicon/apple-touch-icon.png&quot;</span><span class="hl-3">)]</span><br/><br/><span class="hl-0">/// Say something about the module</span><br/><span class="hl-1">mod</span><span class="hl-3"> module_core {</span><br/><span class="hl-3">  </span><span class="hl-0">// Implement you module public / private here.</span><br/><span class="hl-3">  </span><span class="hl-0">// Private module with pub items are only pub within the module file.</span><br/><span class="hl-3">}</span><br/><br/><span class="hl-0">// ============================================================================</span><br/><span class="hl-0">// [XXX MODULE IMPLEMENTATION] ================================================</span><br/><span class="hl-0">// ============================================================================</span><br/><br/><span class="hl-0">/// Say something about the module</span><br/><span class="hl-1">pub</span><span class="hl-3"> </span><span class="hl-1">mod</span><span class="hl-3"> api {</span><br/><span class="hl-3">  </span><span class="hl-0">// Implement you module public / private here.</span><br/><span class="hl-3">  </span><span class="hl-0">// When the module is pub, it is accessible to other module files.</span><br/><span class="hl-3">}</span>
</code></pre>

<h2 id="webpage" class="tsd-anchor-link">Webpage</h2>
<p>Identifies all the OpenGraph and Twitter card tags in order for sharing a page to preview properly within those apps. Also provides all the tag layouts for getting started on a simple webpage or building a complicated SPA / PWA solution.</p>
<pre><code class="html"><span class="hl-9">&lt;!</span><span class="hl-10">DOCTYPE</span><span class="hl-3"> </span><span class="hl-11">html</span><span class="hl-9">&gt;</span><br/><span class="hl-0">&lt;!--</span><br/><span class="hl-0">FILE: Tell me about the file and why it exists for this project</span><br/><span class="hl-0">COPYRIGHT: Any copyright information or set / delete.</span><br/><span class="hl-0">LICENSE: what license or set N/A or delete.</span><br/><span class="hl-0">--&gt;</span><br/><span class="hl-9">&lt;</span><span class="hl-10">html</span><span class="hl-3"> </span><span class="hl-11">lang</span><span class="hl-3">=</span><span class="hl-12">&quot;en&quot;</span><span class="hl-9">&gt;&lt;</span><span class="hl-10">head</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Set the title of the page--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">title</span><span class="hl-9">&gt;</span><span class="hl-3">TITLE</span><span class="hl-9">&lt;/</span><span class="hl-10">title</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">property</span><span class="hl-3">=</span><span class="hl-12">&quot;og:title&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;TITLE&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;twitter:title&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;TITLE&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Set who authored the page--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;author&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;AUTHOR NAME&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;twitter:site&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;@yourusername OR DELETE&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Provide a description for your page--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;description&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;DESCRIPTION&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">property</span><span class="hl-3">=</span><span class="hl-12">&quot;og:description&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;DESCRIPTION&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;twitter:description&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;DESCRIPTION&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Set Your Website Reference--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">property</span><span class="hl-3">=</span><span class="hl-12">&quot;og:url&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;YOUR WEBSITE REFERENCE&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;twitter:image&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;https://yourwebsite.com&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">property</span><span class="hl-3">=</span><span class="hl-12">&quot;og:image&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;https://yourwebsite.com&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Set keywords in CSV format--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;keywords&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;KEYWORDS&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Image Preview For Website--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">property</span><span class="hl-3">=</span><span class="hl-12">&quot;og:image&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;https://example.com&quot;</span><span class="hl-3"> </span><span class="hl-9">/&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;twitter:image&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;https://yoursite.com/image.png&quot;</span><span class="hl-3"> </span><span class="hl-9">/&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Set your Favicon --&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">link</span><span class="hl-3"> </span><span class="hl-11">rel</span><span class="hl-3">=</span><span class="hl-12">&quot;icon&quot;</span><span class="hl-3"> </span><span class="hl-11">type</span><span class="hl-3">=</span><span class="hl-12">&quot;image/x-icon&quot;</span><span class="hl-3"> </span><span class="hl-11">href</span><span class="hl-3">=</span><span class="hl-12">&quot;FAVICON_LOCATION.ico&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Leave these alone --&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">name</span><span class="hl-3">=</span><span class="hl-12">&quot;viewport&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">property</span><span class="hl-3">=</span><span class="hl-12">&quot;og:type&quot;</span><span class="hl-3"> </span><span class="hl-11">content</span><span class="hl-3">=</span><span class="hl-12">&quot;website&quot;</span><span class="hl-3"> </span><span class="hl-9">/&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">meta</span><span class="hl-3"> </span><span class="hl-11">charset</span><span class="hl-3">=</span><span class="hl-12">&quot;UTF-8&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Determine what you are doing below for loading resources--&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">link</span><span class="hl-3"> </span><span class="hl-11">rel</span><span class="hl-3">=</span><span class="hl-12">&quot;stylesheet&quot;</span><span class="hl-3"> </span><span class="hl-11">href</span><span class="hl-3">=</span><span class="hl-12">&quot;STYLE_SHEET.css&quot;</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">style</span><span class="hl-9">&gt;</span><br/><span class="hl-13">    </span><span class="hl-0">/* Define some styles if not externally loaded */</span><br/><span class="hl-13">  </span><span class="hl-9">&lt;/</span><span class="hl-10">style</span><span class="hl-9">&gt;</span><br/><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">script</span><span class="hl-13"> </span><span class="hl-11">src</span><span class="hl-13">=</span><span class="hl-12">&quot;LOAD A SCRIPT&quot;</span><span class="hl-9">&gt;&lt;/</span><span class="hl-10">script</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">script</span><span class="hl-9">&gt;</span><br/><span class="hl-13">    </span><span class="hl-0">// Define script behavior</span><br/><span class="hl-13">  </span><span class="hl-9">&lt;/</span><span class="hl-10">script</span><span class="hl-9">&gt;</span><br/><span class="hl-9">&lt;/</span><span class="hl-10">head</span><span class="hl-9">&gt;&lt;</span><span class="hl-10">body</span><span class="hl-9">&gt;</span><br/><span class="hl-3">  </span><span class="hl-0">&lt;!-- Build the UI --&gt;</span><br/><span class="hl-3">  </span><span class="hl-9">&lt;</span><span class="hl-10">script</span><span class="hl-9">&gt;</span><br/><span class="hl-13">    </span><span class="hl-0">// Define script behavior</span><br/><span class="hl-13">  </span><span class="hl-9">&lt;/</span><span class="hl-10">script</span><span class="hl-9">&gt;</span><br/><span class="hl-9">&lt;/</span><span class="hl-10">body</span><span class="hl-9">&gt;&lt;/</span><span class="hl-10">html</span><span class="hl-9">&gt;</span>
</code></pre>

<h1 id="markdown" class="tsd-anchor-link">MARKDOWN</h1>
<p>With AI becoming a powerful tool within a software engineer's arsenal, it is important to apply sound software engineering principles to aid in what you are building. You should control the AI tool, not the other way around. The templates below serve different aspects of software engineering techniques whether utilizing AI or not.</p>
<p>Each of the markdown templates have a YAML header to support webpage generation via different tools. It is then proceeded with HTML <code>&lt;center&gt;&lt;/center&gt;</code> that has an optional <code>&lt;img /&gt;</code> tag for a header image along with a <code>&lt;h1&gt;&lt;/h1&gt;</code> tag for a title. Finally, it is proceeded with a <code>**Table of Contents**</code> section for the breakdown of what is contained as sections. From there each template will identify the markdown header sections along with <code>&lt;mark&gt;&lt;/mark&gt;</code> tags explaining what information is utilized within the template.</p>
<h2 id="feature-request" class="tsd-anchor-link">Feature Request</h2>
<p>Before becoming a full-fledged software engineer, you will start a job working Jira tickets or analyzing Discrepancy (DR) / Problem Report (PR). In either event, when you are new to a system you have to apply Black Box / White Box techniques to determine what change you are making.</p>
<p>The template below provides two sections. The first is the <em>FUNCTIONAL ANALYSIS</em> to allow for fleshing out exactly what is needed to make the change complete. The second section is <em>NOTES</em>. This is a free-form section to capture any design elements or test changes to validate the change. This information can either &quot;complete&quot; the change or serve as information into larger artifacts within your development process. Hence, its free-form nature.</p>
<pre><code class="markdown"><span class="hl-3">---</span><br/><span class="hl-10">title</span><span class="hl-13">: </span><span class="hl-6">&quot;My Document Title&quot;</span><br/><span class="hl-10">date</span><span class="hl-13">: </span><span class="hl-12">YYY-MMM-DD</span><br/><span class="hl-10">author</span><span class="hl-13">: </span><span class="hl-6">&quot;Jane Doe&quot;</span><br/><span class="hl-10">description</span><span class="hl-13">: </span><span class="hl-6">&quot;&quot;</span><br/><span class="hl-10">tags</span><span class="hl-13">: []</span><br/><span class="hl-10">categories</span><span class="hl-13">:</span><br/><span class="hl-3">---</span><br/><br/><span class="hl-3">&lt;center&gt;</span><br/><span class="hl-3">  &lt;mark&gt;Project logo&lt;/mark&gt;</span><br/><span class="hl-3">  &lt;h1&gt;Project Title&lt;/h1&gt;</span><br/><span class="hl-3">&lt;/center&gt;</span><br/><br/><span class="hl-3">&lt;mark&gt;Brief introduction to the feature being requested. Could be from a Jira board, assigned problem report, customer request, or the start of a bigger project. This focuses mainly functionality of a singular request and may serve as a bigger piece of a whole.&lt;/mark&gt;</span><br/><br/><span class="hl-14">**Table of Contents**</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">FUNCTIONAL ANALYSIS</span><span class="hl-3">](</span><span class="hl-3">#functional-analysis</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">UC-1: Function Feature</span><span class="hl-3">](</span><span class="hl-3">#uc-1-function-feature</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">NOTES</span><span class="hl-3">](</span><span class="hl-3">#notes</span><span class="hl-3">)</span><br/><br/><span class="hl-10"># FUNCTIONAL ANALYSIS</span><br/><br/><span class="hl-3">&lt;mark&gt;An introductory use case model or other architecture diagram that may aid in visualizing the different requirements categories below.&lt;/mark&gt;</span><br/><br/><span class="hl-3">&lt;mark&gt;Add a new model for each complex Function Feature that may need further pictorial and feature breakdown until it is at its lowest testable functional description.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## UC-1: Function Feature</span><br/><br/><span class="hl-3">&lt;mark&gt;IF Describing via Behavioral Driven Development (BDD) User Story Format&lt;/mark&gt;</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Description:**</span><span class="hl-3"> As a [</span><span class="hl-6">who</span><span class="hl-3">], I want [</span><span class="hl-6">what</span><span class="hl-3">], so that [</span><span class="hl-6">why</span><span class="hl-3">].</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Scenario 1:**</span><span class="hl-3"> Describe the scenario</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Given:*</span><span class="hl-3"> Sets up the initial context, state, or preconditions of the system before any action happens.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*When:*</span><span class="hl-3"> Describes the specific action, event, or trigger performed by the user or system.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Then:*</span><span class="hl-3"> Specifies the expected observable outcome or response after the action.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*And:*</span><span class="hl-3"> Extends any of the previous statements to add positive or multiple conditions, actions, or results.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*But:*</span><span class="hl-3"> Adds a negative condition, exception, or contrasting limitation to the preceding steps</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Scenario 2:**</span><span class="hl-3"> Describe the scenario</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Given:*</span><span class="hl-3"> Sets up the initial context, state, or preconditions of the system before any action happens.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*When:*</span><span class="hl-3"> Describes the specific action, event, or trigger performed by the user or system.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Then:*</span><span class="hl-3"> Specifies the expected observable outcome or response after the action.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*And:*</span><span class="hl-3"> Extends any of the previous statements to add positive or multiple conditions, actions, or results.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*But:*</span><span class="hl-3"> Adds a negative condition, exception, or contrasting limitation to the preceding steps</span><br/><br/><span class="hl-3">&lt;mark&gt;IF Describing via Use Case Scenario Format:&lt;/mark&gt;</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Description:**</span><span class="hl-3"> A description of what this use case is all about.</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Actors:**</span><span class="hl-3"> Who / what is triggering this use case.</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Trigger:**</span><span class="hl-3"> The ideal setup necessary for the use case scenario to run.</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Main Success Scenario:**</span><span class="hl-3"> The primary, ideal sequence of steps where everything goes right and the user achieves their goal without errors</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Alternate Flows:**</span><span class="hl-3"> Different paths or optional behaviors that still lead to success (e.g., a customer pays with PayPal instead of a credit card)</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Exception Flows:**</span><span class="hl-3"> Paths handling errors, invalid inputs, or system failures (e.g., a declined credit card or an out-of-stock item)</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Post-Condition:**</span><span class="hl-3"> The expectation when the main success scenario completes.</span><br/><br/><span class="hl-3">&lt;mark&gt;IF Describing via EARS Function Requirements Format:&lt;/mark&gt;</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> Ubiquitous (Always Active): The &lt;system name&gt; shall &lt;system response&gt; (e.g., The mobile phone shall have a mass of less than 150 grams</span><br/><span class="hl-15">-</span><span class="hl-3"> State-Driven (Active During a State): While &lt;state&gt;, the &lt;system name&gt; shall &lt;system response&gt; (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</span><br/><span class="hl-15">-</span><span class="hl-3"> Event-Driven (Triggered by an Event): When &lt;trigger&gt;, the &lt;system name&gt; shall &lt;system response&gt; (e.g., When the user presses the power button, the device shall turn on)</span><br/><span class="hl-15">-</span><span class="hl-3"> Optional Features: Where &lt;feature is present&gt;, the &lt;system name&gt; shall &lt;system response&gt; (e.g., Where the navigation package is installed, the system shall display the map)</span><br/><span class="hl-15">-</span><span class="hl-3"> Unwanted Behavior: If &lt;unwanted trigger&gt;, then the &lt;system name&gt; shall &lt;system response&gt; (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</span><br/><br/><span class="hl-10"># NOTES</span><br/><br/><span class="hl-3">&lt;mark&gt;Add any specific notes that will aid in the implementation and validation of the given feature request. This can include UML artifacts, examples, test demonstration, etc. to satisfy the full implementation of the feature request.&lt;/mark&gt;</span>
</code></pre>

<h2 id="object-oriented-analysis-and-design-ooad" class="tsd-anchor-link">Object-Oriented Analysis and Design (OOAD)</h2>
<p>From the book <em>Managing Software Requirements (A Use Case Approach) 2nd Ed</em> it provides a fully fleshed out template for performing a full Object-Oriented Analysis and Design utilizing use cases. To that end, the template has been tweaked to break out <em>FUNCTIONAL ANALYSIS</em> still utilizing a use case model as the introduction, but identifies the different ways of deriving and fleshing out functional behavior of a system. From there the <em>NON-FUNCTIONAL ANALYSIS</em> allows for the breakdown of all the different non-functional areas of a system usually forgotten or ignored. Finally, the <em>DESIGN ANALYSIS</em> allows for designing out the rest of the software / hardware / system boundaries to fully flesh out the design.</p>
<p>This template can be all encompassing or broken up into different OOAD markdown files for larger more complex systems. It is really up the software engineer in managing how this is broken up to make sense. The key is if you build it, keep in sync and up to date with the software solution you are building.</p>
<pre><code class="markdown"><span class="hl-3">---</span><br/><span class="hl-10">title</span><span class="hl-13">: </span><span class="hl-6">&quot;My Document Title&quot;</span><br/><span class="hl-10">date</span><span class="hl-13">: </span><span class="hl-12">YYY-MMM-DD</span><br/><span class="hl-10">author</span><span class="hl-13">: </span><span class="hl-6">&quot;Jane Doe&quot;</span><br/><span class="hl-10">description</span><span class="hl-13">: </span><span class="hl-6">&quot;&quot;</span><br/><span class="hl-10">tags</span><span class="hl-13">: []</span><br/><span class="hl-10">categories</span><span class="hl-13">:</span><br/><span class="hl-3">---</span><br/><span class="hl-3">&lt;center&gt;</span><br/><span class="hl-3">  &lt;mark&gt;Company Logo If Available&lt;/mark&gt;</span><br/><span class="hl-3">  &lt;h1&gt;ID: Title&lt;/h1&gt;</span><br/><span class="hl-3">&lt;/center&gt;</span><br/><br/><span class="hl-14">**Table of Contents**</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">INTRODUCTION</span><span class="hl-3">](</span><span class="hl-3">#introduction</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Purpose</span><span class="hl-3">](</span><span class="hl-3">#purpose</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Scope</span><span class="hl-3">](</span><span class="hl-3">#scope</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Terms</span><span class="hl-3">](</span><span class="hl-3">#terms</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">References</span><span class="hl-3">](</span><span class="hl-3">#references</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">FUNCTIONAL ANALYSIS</span><span class="hl-3">](</span><span class="hl-3">#functional-analysis</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">UC-1: Function Feature</span><span class="hl-3">](</span><span class="hl-3">#uc-1-function-feature</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">NON-FUNCTIONAL ANALYSIS</span><span class="hl-3">](</span><span class="hl-3">#non-functional-analysis</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Usability</span><span class="hl-3">](</span><span class="hl-3">#useability</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Reliability</span><span class="hl-3">](</span><span class="hl-3">#reliability</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Performance</span><span class="hl-3">](</span><span class="hl-3">#performance</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Supportability</span><span class="hl-3">](</span><span class="hl-3">#supportability</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Design Constraints</span><span class="hl-3">](</span><span class="hl-3">#design-constraints</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Documentation</span><span class="hl-3">](</span><span class="hl-3">#documentation</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Purchased Components</span><span class="hl-3">](</span><span class="hl-3">#purchased-components</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Licensing and Security</span><span class="hl-3">](</span><span class="hl-3">#licensing-and-security</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Legal, Copyright and Other Notices</span><span class="hl-3">](</span><span class="hl-3">#legal-copyright-and-other-notices</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Applicable Standards</span><span class="hl-3">](</span><span class="hl-3">#applicable-standards</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Internationalization and Localization</span><span class="hl-3">](</span><span class="hl-3">#internationalization-and-localization</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Physical Deliverables</span><span class="hl-3">](</span><span class="hl-3">#physical-deliverables</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Installation and Deployment</span><span class="hl-3">](</span><span class="hl-3">#installation-and-deployment</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">DESIGN ANALYSIS</span><span class="hl-3">](</span><span class="hl-3">#design-analysis</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Communication Interfaces</span><span class="hl-3">](</span><span class="hl-3">#communication-interfaces</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Hardware Interfaces</span><span class="hl-3">](</span><span class="hl-3">#hardware-interfaces</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Software Interfaces</span><span class="hl-3">](</span><span class="hl-3">#software-interfaces</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">User Interfaces</span><span class="hl-3">](</span><span class="hl-3">#user-interfaces</span><span class="hl-3">)</span><br/><br/><span class="hl-10"># INTRODUCTION</span><br/><br/><span class="hl-10">## Purpose</span><br/><br/><span class="hl-3">&lt;mark&gt;The purpose outlines the reason for creating the process. It answers the question “why is this being done?” and provides direction, motivation, and clarity for all stakeholders involved. A well-defined purpose sets the overarching goals and desired outcomes, ensuring that everyone understands the intent behind the document.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Scope</span><br/><br/><span class="hl-3">&lt;mark&gt;The scope specifies the boundaries, extent, and limitations of the process. It answers “what is included and what is excluded?” and defines the deliverables, tasks, responsibilities, and areas covered. Scope ensures that the project remains focused and manageable, preventing unnecessary expansion or deviation from the original goals.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Terms</span><br/><br/><span class="hl-3">&lt;mark&gt;Breakdown of acronyms and definitions&lt;/mark&gt;</span><br/><br/><span class="hl-10">## References</span><br/><br/><span class="hl-3">&lt;mark&gt;Any outside references that inform this breakdown.&lt;/mark&gt;</span><br/><br/><span class="hl-10"># FUNCTIONAL ANALYSIS</span><br/><br/><span class="hl-3">&lt;mark&gt;An introductory use case model or other architecture diagram that may aid in visualizing the different requirements categories below.&lt;/mark&gt;</span><br/><br/><span class="hl-3">&lt;mark&gt;Add a new model for each complex Function Feature that may need further pictorial and feature breakdown until it is at its lowest testable functional description.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## UC-1: Function Feature</span><br/><br/><span class="hl-3">&lt;mark&gt;IF Describing via Behavioral Driven Development (BDD) User Story Format&lt;/mark&gt;</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Description:**</span><span class="hl-3"> As a [</span><span class="hl-6">who</span><span class="hl-3">], I want [</span><span class="hl-6">what</span><span class="hl-3">], so that [</span><span class="hl-6">why</span><span class="hl-3">].</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Scenario 1:**</span><span class="hl-3"> Describe the scenario</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Given:*</span><span class="hl-3"> Sets up the initial context, state, or preconditions of the system before any action happens.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*When:*</span><span class="hl-3"> Describes the specific action, event, or trigger performed by the user or system.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Then:*</span><span class="hl-3"> Specifies the expected observable outcome or response after the action.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*And:*</span><span class="hl-3"> Extends any of the previous statements to add positive or multiple conditions, actions, or results.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*But:*</span><span class="hl-3"> Adds a negative condition, exception, or contrasting limitation to the preceding steps</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Scenario 2:**</span><span class="hl-3"> Describe the scenario</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Given:*</span><span class="hl-3"> Sets up the initial context, state, or preconditions of the system before any action happens.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*When:*</span><span class="hl-3"> Describes the specific action, event, or trigger performed by the user or system.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*Then:*</span><span class="hl-3"> Specifies the expected observable outcome or response after the action.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*And:*</span><span class="hl-3"> Extends any of the previous statements to add positive or multiple conditions, actions, or results.</span><br/><span class="hl-3">    </span><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-3">*But:*</span><span class="hl-3"> Adds a negative condition, exception, or contrasting limitation to the preceding steps</span><br/><br/><span class="hl-3">&lt;mark&gt;IF Describing via Use Case Scenario Format:&lt;/mark&gt;</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Description:**</span><span class="hl-3"> A description of what this use case is all about.</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Actors:**</span><span class="hl-3"> Who / what is triggering this use case.</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Trigger:**</span><span class="hl-3"> The ideal setup necessary for the use case scenario to run.</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Main Success Scenario:**</span><span class="hl-3"> The primary, ideal sequence of steps where everything goes right and the user achieves their goal without errors</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Alternate Flows:**</span><span class="hl-3"> Different paths or optional behaviors that still lead to success (e.g., a customer pays with PayPal instead of a credit card)</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Exception Flows:**</span><span class="hl-3"> Paths handling errors, invalid inputs, or system failures (e.g., a declined credit card or an out-of-stock item)</span><br/><span class="hl-15">-</span><span class="hl-3"> </span><span class="hl-14">**Post-Condition:**</span><span class="hl-3"> The expectation when the main success scenario completes.</span><br/><br/><span class="hl-3">&lt;mark&gt;IF Describing via EARS Function Requirements Format:&lt;/mark&gt;</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> Ubiquitous (Always Active): The &lt;system name&gt; shall &lt;system response&gt; (e.g., The mobile phone shall have a mass of less than 150 grams</span><br/><span class="hl-15">-</span><span class="hl-3"> State-Driven (Active During a State): While &lt;state&gt;, the &lt;system name&gt; shall &lt;system response&gt; (e.g., While the vehicle is in reverse, the system shall display the rear camera feed)</span><br/><span class="hl-15">-</span><span class="hl-3"> Event-Driven (Triggered by an Event): When &lt;trigger&gt;, the &lt;system name&gt; shall &lt;system response&gt; (e.g., When the user presses the power button, the device shall turn on)</span><br/><span class="hl-15">-</span><span class="hl-3"> Optional Features: Where &lt;feature is present&gt;, the &lt;system name&gt; shall &lt;system response&gt; (e.g., Where the navigation package is installed, the system shall display the map)</span><br/><span class="hl-15">-</span><span class="hl-3"> Unwanted Behavior: If &lt;unwanted trigger&gt;, then the &lt;system name&gt; shall &lt;system response&gt; (e.g., If the password is entered incorrectly three times, then the system shall lock the account)</span><br/><br/><span class="hl-10"># NON-FUNCTIONAL ANALYSIS</span><br/><br/><span class="hl-10">## Usability</span><br/><br/><span class="hl-3">&lt;mark&gt;State the requirements that affect usability.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Reliability</span><br/><br/><span class="hl-3">&lt;mark&gt;State the requirements for reliability&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Performance</span><br/><br/><span class="hl-3">&lt;mark&gt;State the performance characteristics of the system, expressed quantitatively where possible and related to use cases where applicable.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Supportability</span><br/><br/><span class="hl-3">&lt;mark&gt;State the requirements that enhance system supportability or maintainability&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Design Constraints</span><br/><br/><span class="hl-3">&lt;mark&gt;State the design or development constraints imposed on the system or development process.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Documentation</span><br/><br/><span class="hl-3">&lt;mark&gt;State the requirements or user and/or administrator documentation.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Purchased Components</span><br/><br/><span class="hl-3">&lt;mark&gt;List the purchased components used with the system, licensing or usage restrictions, and compatibility/interoperability requirements&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Licensing and Security</span><br/><br/><span class="hl-3">&lt;mark&gt;Describe the licensing and usage enforcement requirements or other restrictions for usage, security, and accessibility&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Legal, Copyright and Other Notices</span><br/><br/><span class="hl-3">&lt;mark&gt;Describe the licensing and usage enforcement requirements or other restrictions for usage, security, and accessibility.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Applicable Standards</span><br/><br/><span class="hl-3">&lt;mark&gt;Reference any applicable standards and the specific sections of any such standards that apply.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Internationalization and Localization</span><br/><br/><span class="hl-3">&lt;mark&gt;State any requirements for support and application of different user languages and dialects&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Physical Deliverables</span><br/><br/><span class="hl-3">&lt;mark&gt;Define any specific deliverable artifacts required by the user or customer&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Installation and Deployment</span><br/><br/><span class="hl-3">&lt;mark&gt;Describe any specific deliverable artifacts required by the user or customer&lt;/mark&gt;</span><br/><br/><span class="hl-10"># DESIGN ANALYSIS</span><br/><br/><span class="hl-3">&lt;mark&gt;Define the interfaces that must be supported by the application. Utilize necessary UML and modeling definitions to reflect it.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Communication Interfaces</span><br/><br/><span class="hl-10">## Hardware Interfaces</span><br/><br/><span class="hl-10">## Software Interfaces</span><br/><br/><span class="hl-10">## User Interfaces</span><br/>
</code></pre>

<h2 id="process" class="tsd-anchor-link">Process</h2>
<blockquote>
<p>CMMI stands for Capability Maturity Model Integration. It is a global framework designed to help businesses improve their performance, build key capabilities, and measure work processes <a href="https://cmmiinstitute.com/cmmi/intro">CMMI Institute</a></p>
</blockquote>
<p>Per the <em>CMMI: Guidelines for Process Integration and Product Improvement (2nd Ed)</em>, any repeating process an organization does should be documented. The CMMI provides a framework defining levels 1 through 5 for an organizations process maturity. To that end, the template below serves a starting point for documenting these processes. It also serves as a good starting point for an AI plan to scope what the AI is to perform and how to do it.</p>
<pre><code class="markdown"><span class="hl-3">---</span><br/><span class="hl-10">title</span><span class="hl-13">: </span><span class="hl-6">&quot;My Document Title&quot;</span><br/><span class="hl-10">date</span><span class="hl-13">: </span><span class="hl-12">YYY-MMM-DD</span><br/><span class="hl-10">author</span><span class="hl-13">: </span><span class="hl-6">&quot;Jane Doe&quot;</span><br/><span class="hl-10">description</span><span class="hl-13">: </span><span class="hl-6">&quot;&quot;</span><br/><span class="hl-10">tags</span><span class="hl-13">: []</span><br/><span class="hl-10">categories</span><span class="hl-13">:</span><br/><span class="hl-3">---</span><br/><br/><span class="hl-3">&lt;center&gt;</span><br/><span class="hl-3">  &lt;mark&gt;Company Logo If Available&lt;/mark&gt;</span><br/><span class="hl-3">  &lt;h1&gt;ID: Title&lt;/h1&gt;</span><br/><span class="hl-3">&lt;/center&gt;</span><br/><br/><span class="hl-14">**Table of Contents**</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">INTRODUCTION</span><span class="hl-3">](</span><span class="hl-3">#introduction</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Purpose</span><span class="hl-3">](</span><span class="hl-3">#purpose</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Scope</span><span class="hl-3">](</span><span class="hl-3">#scope</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Terms</span><span class="hl-3">](</span><span class="hl-3">#terms</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">References</span><span class="hl-3">](</span><span class="hl-3">#references</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">PROCESS</span><span class="hl-3">](</span><span class="hl-3">#process</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Role</span><span class="hl-3">](</span><span class="hl-3">#role</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Trigger</span><span class="hl-3">](</span><span class="hl-3">#trigger</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Inputs</span><span class="hl-3">](</span><span class="hl-3">#inputs</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Deliverables</span><span class="hl-3">](</span><span class="hl-3">#deliverables</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Procedure</span><span class="hl-3">](</span><span class="hl-3">#procedure</span><span class="hl-3">)</span><br/><br/><span class="hl-10"># INTRODUCTION</span><br/><br/><span class="hl-10">## Purpose</span><br/><br/><span class="hl-3">&lt;mark&gt;The purpose outlines the reason for creating the process. It answers the question “why is this being done?” and provides direction, motivation, and clarity for all stakeholders involved. A well-defined purpose sets the overarching goals and desired outcomes, ensuring that everyone understands the intent behind the document.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Scope</span><br/><br/><span class="hl-3">&lt;mark&gt;The scope specifies the boundaries, extent, and limitations of the process. It answers “what is included and what is excluded?” and defines the deliverables, tasks, responsibilities, and areas covered. Scope ensures that the project remains focused and manageable, preventing unnecessary expansion or deviation from the original goals.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Terms</span><br/><br/><span class="hl-3">&lt;mark&gt;Breakdown of acronyms and definitions&lt;/mark&gt;</span><br/><br/><span class="hl-10">## References</span><br/><br/><span class="hl-3">&lt;mark&gt;Any outside references that inform this breakdown.&lt;/mark&gt;</span><br/><br/><span class="hl-10"># PROCESS</span><br/><br/><span class="hl-3">&lt;mark&gt;Mermaid diagram of the process flow&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Roles</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify the participants within this process and what they perform&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Inputs</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify the inputs to this process to allow it to function.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Deliverables</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify the deliverable artifacts when this process is completed.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Procedure</span><br/><br/><span class="hl-15">1.</span><span class="hl-3"> The thing</span><br/><span class="hl-15">2.</span><span class="hl-3"> The other thing</span>
</code></pre>

<h2 id="readme" class="tsd-anchor-link">README</h2>
<p>When first making a software repository for a new software component, it is good to have a <code>README.md</code> file that introduces the project. It breaks into four sections. <em>FEATURES</em> introduces what is important aspects of the project and what makes it useful. The <em>GETTING STARTED</em> identifies how you utilize the repo to be successful. Finally, the <em>USAGE</em> begins the basic usage of the repo with larger SDK documentation giving the greater context of full usage of the repo software solution.</p>
<pre><code class="markdown"><span class="hl-3">---</span><br/><span class="hl-10">title</span><span class="hl-13">: </span><span class="hl-6">&quot;My Document Title&quot;</span><br/><span class="hl-10">date</span><span class="hl-13">: </span><span class="hl-12">YYY-MMM-DD</span><br/><span class="hl-10">author</span><span class="hl-13">: </span><span class="hl-6">&quot;Jane Doe&quot;</span><br/><span class="hl-10">description</span><span class="hl-13">: </span><span class="hl-6">&quot;&quot;</span><br/><span class="hl-10">tags</span><span class="hl-13">: []</span><br/><span class="hl-10">categories</span><span class="hl-13">:</span><br/><span class="hl-3">---</span><br/><br/><span class="hl-3">&lt;center&gt;</span><br/><span class="hl-3">  &lt;mark&gt;Project logo&lt;/mark&gt;</span><br/><span class="hl-3">  &lt;h1&gt;Project Title&lt;/h1&gt;</span><br/><span class="hl-3">&lt;/center&gt;</span><br/><br/><span class="hl-3">&lt;mark&gt;Introduce the project and why it is important&lt;/mark&gt;</span><br/><br/><span class="hl-14">**Table of Contents**</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">FEATURES</span><span class="hl-3">](</span><span class="hl-3">#features</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">GETTING STARTED</span><span class="hl-3">](</span><span class="hl-3">#getting-started</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">USAGE</span><span class="hl-3">](</span><span class="hl-3">#usage</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">LICENSE</span><span class="hl-3">](</span><span class="hl-3">#license</span><span class="hl-3">)</span><br/><br/><span class="hl-10"># FEATURES</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify the important aspects of the project and what makes it cool.&lt;/mark&gt;</span><br/><br/><span class="hl-10"># GETTING STARTED</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify the steps necessary to be successful with the repo.&lt;/mark&gt;</span><br/><br/><span class="hl-10"># USAGE</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify how to use the repo once getting started is done.&lt;/mark&gt;</span><br/><br/><span class="hl-10"># LICENSE</span><br/><br/><span class="hl-3">&lt;mark&gt;Identify the license that governs this repo.&lt;/mark&gt;</span>
</code></pre>

<h2 id="test-case" class="tsd-anchor-link">Test Case</h2>
<p>A test case serves as a black-box technique for validating software systems. Usually breaking into Functional (test of system functional requirements) and Regression (non-degradation validation between releases) Test Cases. These can serve as a manual executed by human or with modern tooling, an automated test suite. In either event, this serves a good starting point for these types of tests. These also usually in larger software / system organizations, map to specific requirements in a larger traceability matrix.</p>
<pre><code class="markdown"><span class="hl-3">---</span><br/><span class="hl-10">title</span><span class="hl-13">: </span><span class="hl-6">&quot;My Document Title&quot;</span><br/><span class="hl-10">date</span><span class="hl-13">: </span><span class="hl-12">YYY-MMM-DD</span><br/><span class="hl-10">author</span><span class="hl-13">: </span><span class="hl-6">&quot;Jane Doe&quot;</span><br/><span class="hl-10">description</span><span class="hl-13">: </span><span class="hl-6">&quot;&quot;</span><br/><span class="hl-10">tags</span><span class="hl-13">: []</span><br/><span class="hl-10">categories</span><span class="hl-13">:</span><br/><span class="hl-3">---</span><br/><br/><span class="hl-3">&lt;center&gt;</span><br/><span class="hl-3">  &lt;mark&gt;Company Logo If Available&lt;/mark&gt;</span><br/><span class="hl-3">  &lt;h1&gt;ID: Title&lt;/h1&gt;</span><br/><span class="hl-3">&lt;/center&gt;</span><br/><br/><span class="hl-14">**Table of Contents**</span><br/><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">APPROACH</span><span class="hl-3">](</span><span class="hl-3">#approach</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Objectives</span><span class="hl-3">](</span><span class="hl-3">#objectives</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Limitations</span><span class="hl-3">](</span><span class="hl-3">#limitations</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">SETUP</span><span class="hl-3">](</span><span class="hl-3">#setup</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Pre-Conditions</span><span class="hl-3">](</span><span class="hl-3">#pre-conditions</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Test Data</span><span class="hl-3">](</span><span class="hl-3">#test-data</span><span class="hl-3">)</span><br/><span class="hl-3">  </span><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">Post-Conditions</span><span class="hl-3">](</span><span class="hl-3">#post-conditions</span><span class="hl-3">)</span><br/><span class="hl-15">-</span><span class="hl-3"> [</span><span class="hl-6">PROCEDURE</span><span class="hl-3">](</span><span class="hl-3">#procedure</span><span class="hl-3">)</span><br/><br/><span class="hl-10"># APPROACH</span><br/><br/><span class="hl-10">## Objectives</span><br/><br/><span class="hl-3">&lt;mark&gt;The specific objectives to be met during testing usually lining up to requirements.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Limitations</span><br/><br/><span class="hl-3">&lt;mark&gt;Any limitations associated with executing this test case.&lt;/mark&gt;</span><br/><br/><span class="hl-10"># SETUP</span><br/><br/><span class="hl-10">## Pre-Conditions</span><br/><br/><span class="hl-3">&lt;mark&gt;The required system state or setup before starting.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Test Data</span><br/><br/><span class="hl-3">&lt;mark&gt;Specific inputs, usernames, or files needed.&lt;/mark&gt;</span><br/><br/><span class="hl-10">## Post-Conditions</span><br/><br/><span class="hl-3">&lt;mark&gt;The final state of the system when PROCEDURE is completed&lt;/mark&gt;</span><br/><br/><span class="hl-10"># PROCEDURE</span><br/><br/><span class="hl-3">&lt;mark&gt;Step: Clear, numbered actions to perform.&lt;/mark&gt;</span><br/><span class="hl-3">&lt;mark&gt;Action: The action to perform&lt;/mark&gt;</span><br/><span class="hl-3">&lt;mark&gt;Expected Result: How the system should behave.&lt;/mark&gt;</span><br/><span class="hl-3">&lt;mark&gt;Actual Result: What the system actually did (filled during testing).&lt;/mark&gt;</span><br/><span class="hl-3">&lt;mark&gt;Status: Pass, Fail, or Blocked&lt;/mark&gt;</span><br/><br/><span class="hl-3">| Step | Action | Expected Result | Actual Result | Status |</span><br/><span class="hl-3">| ---- | ------ | --------------- | ------------- | :----: |</span>
</code></pre>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[codemelted-cli]]></title>
            <link>https://codemelted.dev/codemelted-cli/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/codemelted-cli/index.html</guid>
            <pubDate>Sun, 11 Oct 2026 04:00:00 GMT</pubDate>
            <description><![CDATA[The native codemelted Command Line Interface (CLI) providing a common scriptable solution regardless operating sytem.]]></description>
            <content:encoded><![CDATA[<p>The native codemelted Command Line Interface (CLI) providing a common scriptable solution regardless operating sytem.</p>
<p><mark>TO BE DEVELOPED</mark></p>]]></content:encoded>
            <enclosure url="https://codemelted.dev/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Articles — WebView Bugs And How to Find Them]]></title>
            <link>https://codemelted.dev/Articles/WebView_Bugs_And_How_to_Find_Them/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Articles/WebView_Bugs_And_How_to_Find_Them/index.html</guid>
            <pubDate>Sun, 08 Mar 2026 05:00:00 GMT</pubDate>
            <description><![CDATA[It was Sunday, March 1, 2026. I am putting the finishing touches to my codemelted.com domains. At the center of those domains is my codemelted_web.js module, the module that ties all the domains together and provides a common app bar between the sites.]]></description>
            <content:encoded><![CDATA[<center>
<p><img src="https://codemelted.dev/media/header.png" alt="CodeMelted App Bar Header UI"></p>
</center>
<p><em>March 08, 2026</em></p>
<p>It was Sunday, March 1, 2026. I am putting the finishing touches to my <code>codemelted.com</code> domains. At the center of those domains is my <code>codemelted_web.js</code> module, the module that ties all the domains together and provides a common app bar between the sites.</p>
<p>This app bar provides access to external services via the icon to the left. The combo box provides the ability to switch between all the domains. The actions to the right provide controls common to each site. The whole goal is to have each domain serve as a dedicated service and can easily integrate into other services. In this case social media linked from your profile.</p>
<center>
<p><img src="https://codemelted.dev/media/image1-4.png" alt="CodeMelted App Bar Header UI"></p>
</center>
<p>With all the sites properly working and testing we are a go to begin sharing links. That is where the trouble began. It was about 10:30 pm, been coding and testing all day, and go to utilize the threads mobile app to share a link and low and behold, sites will not render. What!! Well-being 11:00 it was time for bed.</p>
<h2 id="trying-to-debug-someone-elses-app" class="tsd-anchor-link">Trying to Debug Someone Else’s App</h2>
<p>So while working my normal 9-5 on Monday, March 2, 2026, I had to come up with a way to replicate the error. I tried quick and dirty fixes thinking the problem could be related to a caching issue, but none of those made any difference. Looking at the <code>codemelted_web.js</code> I determined it had to be on the pages' initialization. So I did an alert() call within catch block of to initialize. But I also realized, threads probably blocks pop-ups. So I needed to whip up an Android app with a WebView.</p>
<h2 id="flutter-android-app" class="tsd-anchor-link">Flutter Android App</h2>
<center>
<p><img src="https://codemelted.dev/media/image2-2.png" alt="Flutter WebView Error Screenshot"></p>
</center>
<p>So I started a Flutter mobile app. Confirmed it would run on my Pixel 9. Went to pub.dev and installed the <code>webview_flutter</code> package into the project. Set the URL to my <code>codemelted_web_tester.html</code> file and ran the project. Low and behold a bug was caught and shown.</p>
<p>Now with an ability to replicate my sites bugs, I began the debugging task of figuring out what the heck was going on.</p>
<h2 id="the-solution" class="tsd-anchor-link">The Solution</h2>
<center>
<p><img src="https://codemelted.dev/media/image3-1.png" alt="Code Fix in codemelted.js"></p>
</center>
<p>After a fixing the first unavailable Browser API feature I ran the test again to be met with a different unavailable Browser API feature. It was at this moment I realized I needed to go through all my action buttons and test them from within a mobile view. Lucky for me the core <code>codemelted.js</code> module central to the <code>codemelted.rs</code> Project, I had an ability to detect the different “failing” items. That fix is reflected below.</p>
<p>It turns our that my text-to-speech, share, and printing were unusable from a mobile web view. So I utilized the <code>if_def()</code> from the <code>codemelted.js</code> module and ensured those features were hidden or not setup. This allowed for my website to fully render. Now we were ready for the final test.</p>
<h2 id="threads-rendering" class="tsd-anchor-link">Threads Rendering</h2>
<p>With my fix in-place and deployed to my website came the moment of truth, will the Threads mobile app render my site. So I loaded it up, cleared its WebView cache and selected my site and low and behold, it rendered properly. It also loaded properly on Instagram which also uses the Android WebView. X never had an issue because it does not utilize a WebView but a Chrome view which is a scaled down Chrome tab tied to the X app.</p>
<h2 id="conclusion" class="tsd-anchor-link">Conclusion</h2>
<p>The work above took the Monday to identify the issue, Tuesday to identify all the fixes, and Wednesday to fully deploy to my site. However, this did not represent the root of the bug. The root is within the <code>codemelted.js</code> module. Now this module is in its alpha release powering my sites, but the mistake made there was detecting if a website is within a Web Browser JavaScript runtime and not the individual features themselves. So while my site can work around the issue, the root of the issue needs to be properly solved in the <code>codemelted.js</code> module. Defects have been identified within the GitHub repo.</p>
<p>Another consideration when debugging a WebView rendering of your page. You must uninstall the test app from your mobile device in order to pick up the latest deployed code to your site. If you don’t do this, you will pick up the last cache’d version of whatever you were testing. So keep that in mind if you find yourself in this situation. I hope this article helps someone in the future.</p>]]></content:encoded>
            <enclosure url="https://codemelted.com/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Articles — I Went To Garden State Comic Fest]]></title>
            <link>https://codemelted.dev/Articles/I_Went_To_Garden_State_Comic_Fest/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Articles/I_Went_To_Garden_State_Comic_Fest/index.html</guid>
            <pubDate>Sun, 13 Jul 2025 04:00:00 GMT</pubDate>
            <description><![CDATA[t was Thursday Jun 26, 2025. I had packed up my Jeep and was making my way over the Pennsylvania turnpike to arrive at my destination with my cousin and his family. Sadly it was about five hours into the drive, thunderstorms abound, so I decided to put up at a hotel.]]></description>
            <content:encoded><![CDATA[<p><em>July 13, 2025</em></p>
<img src="https://codemelted.dev/media/image1-3.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="116" height="116" alt="" />
<p>It was Thursday Jun 26, 2025. I had packed up my Jeep and was making my way over the Pennsylvania turnpike to arrive at my destination with my cousin and his family. Sadly it was about five hours into the drive, thunderstorms abound, so I decided to put up at a hotel. Finish the drive Friday and I arrived. Next on the mission was the Garden State Comic Fest. My time to discover new and independent comic content 😎.</p>
<div style="clear: both;"></div>
<h1 id="prequel-to-the-journey" class="tsd-anchor-link">Prequel to the Journey</h1>
<p>This story really has a prequel in that after watching Avengers End Game it seems modern content has become rather stale. That is what led me on a journey to discover independent content. This is where I discovered the two YouTubers who also produced independent comic content. These YouTubers are Clownfish TV and Dannphan.</p>
<h2 id="clownfish-tv" class="tsd-anchor-link">Clownfish TV</h2>
<img src="https://codemelted.dev/media/image2-1.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="135" height="88" alt="" />
<p>These guys run their own <a href="https://www.youtube.com/c/ClownfishTV">YouTube Channel</a> reviewing pop culture and other indie comic news. Hosted by Keon and Geeky Sparkles, they have an animated presentation style where each of their avatars bounce while they present their “rants” of what they are reviewing. What I really enjoyed is they had published their own books featured below.</p>
<div style="clear: both;"></div>
<p align="center">
  <img src="https://codemelted.dev/media/image3.png" width="411" height="158" alt="" />
</p>
<h2 id="dannphan-burning-star-comics" class="tsd-anchor-link">DannPhan (Burning Star Comics)</h2>
<img src="https://codemelted.dev/media/image4.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="139" height="95" alt="" />
<p>Next on my journey of discovering indie creators I stumbled into Trisha. She has her own <a href="https://www.youtube.com/@dannphan">YouTube Channel</a> where she to talks about the happenings of different comics, anima, and mangas. Her Friday live show is my favorite as it is chill and her audience is very friendly. Of course, she had the biggest collection of comics she has produced over the years on her <a href="https://burningstarcomics.net">Burning Star Comics</a> where you can order both print and ebook versions of her work. I ordered the print as featured below.</p>
<div style="clear: both;"></div>
<p align="center">
  <img src="https://codemelted.dev/media/image5.png" width="547" height="149" alt="" />
</p>
<h1 id="fest-time" class="tsd-anchor-link">Fest Time</h1>
<p>So as stated earlier I arrived at my cousins in Jersey on Friday. Got cozy for the Saturday event. Got to travel the 95 north bound paying the lovely tolls before finally getting off the 95 to head to the event center. It was an awesome setup next to a zoo in a nice town. Jersey does have some pretty spots in the state 😂.</p>
<h2 id="ghostbusters" class="tsd-anchor-link">Ghostbusters</h2>
<img src="https://codemelted.dev/media/image6.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="139" height="62" alt="" />
<p>So I got parked and headed to the entrance. At the entrance I was greeted by Eco-1 from the ghostbusters. Not sure who built it, but this converted Hurst was a spot on replica of the ghostbusters automobile. The guys in costume were looking good as well.</p>
<div style="clear: both;"></div>
<img src="https://codemelted.dev/media/image7.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="75" height="115" alt="" />
<p>Once at the entrance I got my nifty attendee placard and began taking in the fest. It was overwhelming at first, but I am an introvert by nature. So I walked the event floor taking in the cosplayers and seeing what indie comic creators were set up and selling.</p>
<div style="clear: both;"></div>
<h2 id="meeting-trisha-and-adam" class="tsd-anchor-link">Meeting Trisha and Adam</h2>
<img src="https://codemelted.dev/media/image8.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="130" height="165" alt="" />
<p>Then I found Trisha and Adam. They were the reason I decided to do the fest, so I got to meet them in person and discuss their work. They were awesome people. That is when I bought my first book.</p>
<div style="clear: both;"></div>
<p align="center">
  <img src="https://codemelted.dev/media/image9.png" width="165" height="240" alt="" />
</p>
<h1 id="discovered-indie-creators" class="tsd-anchor-link">Discovered Indie Creators</h1>
<p>I was at the fest for a little over 6 hours. The pictures below represent the roughly $380 I spent in books and knick-knacks. These are books / comics (including above) I plan to read and write blog reviews on. And if I ever get off my duff, maybe a YouTube video review 😱.</p>
<h2 id="daemon-manx" class="tsd-anchor-link">Daemon Manx</h2>
<img src="https://codemelted.dev/media/image10.png" width="190" height="106" align="left" style="margin-right: 1em; margin-bottom: 1em;" alt="" />
<p>He is the author of a 4 part book series. His story got me hooked and while listening I noticed the gem below. It represented all the books in one nicely hardbound book. So of course I had to purchase it. You can check out his website at <a href="https://daemonmanx.com">daemonmanx.com</a></p>
<div style="clear: both;"></div>
<h2 id="blackbox-comics" class="tsd-anchor-link">Blackbox Comics</h2>
<img src="https://codemelted.dev/media/image11.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="173" height="118" alt="" />
<p>Going from memory these guys represented one of the bigger displays. I believe it was a husband / wife duo and that had whole complete series of comic in a vast array of genres. In the end I bought the two below. Check out their website at <a href="http://blackboxcomics.net">blackboxcomics.net</a></p>
<div style="clear: both;"></div>
<h2 id="maurice-alvarez-ande-li" class="tsd-anchor-link">Maurice Alvarez &amp; Ande Li</h2>
<img src="https://codemelted.dev/media/image12.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="206" height="84" alt="" />
<p>These authors produced the below 3 part series along with a prequel. The described story and artwork sold me so I purchased them. You can find them at <a href="https://www.amazon.com/stores/author/B004OU4FTY/about?ingress=0&amp;visitId=baa3954f-30b5-4da4-8ee5-2ed8829e7363&amp;ccs_id=3ea3a67f-9eeb-41f8-a047-9e97da69186d">Maurice Alvarez</a> and <a href="https://www.amazon.com/stores/author/B07HKLXP8Q?ingress=0&amp;visitId=b6e636ee-048e-4ca9-b9ae-d074199d97df&amp;ccs_id=ece030ef-3d0a-4dd4-8595-9174f3927fe4">Ande Li</a>.</p>
<div style="clear: both;"></div>
<h2 id="harpoon-creative-industries" class="tsd-anchor-link">Harpoon Creative Industries</h2>
<img src="https://codemelted.dev/media/image13.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="191" height="120" alt="" />
<p>As stated from the book I purchased, “Imagine if your favorite demon hunter had a bit of a drinking problem and a toxic relationship with her mom. Now, ask her to save the world.”</p>
<p>Ok that intro along with the authors' passion for the book sold me so here it is. Check it out at <a href="http://harpooncreativeindustries.com">harpooncreativeindustries.com</a></p>
<div style="clear: both;"></div>
<h2 id="dreamscape-publishing" class="tsd-anchor-link">Dreamscape Publishing</h2>
<img src="https://codemelted.dev/media/image14.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="264" height="123" alt="" />
<p>They had the MarcV series of comics from 2024. The story was an interesting premise but what fascinated me about it was the interactiveness woven into the story. Meaning you had a QR coded embedded in the comic pages that allow for an interactive story. A cool way of blending modern tech with a comic. So I thought I would give it a try. Check them out at <a href="http://dreamscapepub.com">dreamscapepub.com</a></p>
<div style="clear: both;"></div>
<h2 id="art-pieces" class="tsd-anchor-link">Art Pieces</h2>
<img src="https://codemelted.dev/media/image15.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="275" height="158" alt="" />
<p>The following was a set of cool pieces I purchased. Unfortunately I cannot find a card from the artist. However, their signature is to the left if anyone can identify them. Their work was perfect as you can see below.</p>
<div style="clear: both;"></div>
<h2 id="wrapping-up-the-day" class="tsd-anchor-link">Wrapping Up the Day</h2>
<img src="https://codemelted.dev/media/image16.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="244" height="172" alt="" />
<p>So after discovering all the cool content from the fest I ran into Sean Kanan, a.k.a. Mike Barnes from the Karate Kid 3 and Cobra Kai series. He was really fun to talk to along with all the memorabilia he had signed from the original actors of Karate Kid universe. Now I had spent my money at this point and started asking the price of items. Well needless to say they were out of my price range except for hot sauce he was selling. That was in my price range and wrapped up what was an awesome experience. He evened signed the sauce for me 😂.</p>
<p>More about that can be found at <a href="http://badboyeast.com">badboyeast.com</a>.</p>]]></content:encoded>
            <enclosure url="https://codemelted.com/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Articles — Building A Pi Camera Based System]]></title>
            <link>https://codemelted.dev/Articles/Building_A_Pi_Camera_Based_System/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Articles/Building_A_Pi_Camera_Based_System/index.html</guid>
            <pubDate>Tue, 25 Mar 2025 04:00:00 GMT</pubDate>
            <description><![CDATA[From the Bringing an Idea to an MVP slide presentation implemented before COVID, I built an MVP prototype of a Raspberry Pi touch screen system for my 2006 Jeep Wrangler. The goal is to eventually one day travel to Prudhoe Bay, Alaska. Well I have a newer Jeep and the technology has gotten faster. This is the upgrade and evolution of this initial idea.]]></description>
            <content:encoded><![CDATA[<p><em>March 25, 2025</em></p>
<img src="https://codemelted.dev/media/image1-1.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="204" height="153" alt="" />
<p>From the Bringing an Idea to an MVP slide presentation implemented before COVID, I built an MVP prototype of a Raspberry Pi touch screen system for my 2006 Jeep Wrangler. The goal is to eventually one day travel to Prudhoe Bay, Alaska. Well I have a newer Jeep and the technology has gotten faster. This is the upgrade and evolution of this initial idea. This is the Raspberry Pi build out. Further slides will follow for each of the steps of the build.</p>
<div style="clear: both;"></div>
<p><p><a href="https://docs.google.com/presentation/d/e/2PACX-1vT1Pm12TGRuFZmWc_9gtpqWGtdgx2x1cRpBUGmYwV37Y3CpdavvPYvyhgmaK0HKyd7kj1ilP-5uMnpO/pubembed?start=false&amp;loop=false&amp;delayms=3000" target="_blank" rel="noopener">View Embedded Content</a></p></p>]]></content:encoded>
            <enclosure url="https://codemelted.com/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Articles — A Comparison Of High Speed ISPs]]></title>
            <link>https://codemelted.dev/Articles/A_Comparison_Of_High_Speed_ISPs/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Articles/A_Comparison_Of_High_Speed_ISPs/index.html</guid>
            <pubDate>Wed, 04 Dec 2024 05:00:00 GMT</pubDate>
            <description><![CDATA[In my early Internet days my fastest Internet I could get living in rural Colorado was AOL dial-up at 48.8 kilobits. Earthlink and MSN could not even compare. But then one day we got high speed Internet, A whole whopping 9 megabits up / down for a whopping $100 a month. Now we are cooking. This was the early 2000s.]]></description>
            <content:encoded><![CDATA[<p><em>December 04, 2024</em></p>
<img src="https://codemelted.dev/media/image1.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="240" height="240" alt="" />
<p>In my early Internet days my fastest Internet I could get living in rural Colorado was AOL dial-up at 48.8 kilobits. Earthlink and MSN could not even compare. But then one day we got high speed Internet, A whole whopping 9 megabits up / down for a whopping $100 a month. Now we are cooking. This was the early 2000s.</p>
<p>Well when I moved to Indiana, Comcast offered to get me 25 megabits up / down but for $55 a month. They tried to sell me on 50 megabits up / down for $25 more a month, but I did not need it. I just saved a bunch and 4x my speed. This was about 8 years ago. Well has my high speed journey been crazy since COVID. This is the story.</p>
<div style="clear: both;"></div>
<h1 id="isp-reviews" class="tsd-anchor-link">ISP Reviews</h1>
<p>The following reviews are of three ISPs in the greater Indiana area stretching from 2016 to 2024.</p>
<h2 id="comcast" class="tsd-anchor-link">Comcast</h2>
<p>So while living in Indiana, the 25 megabits up / down was more than enough. I had a small stint as a contractor in Baltimore, MD for a year and T-Mobile came in clutch for hotspot 4G LTE Internet in the hotel. Well once back from Baltimore I bought my house and stuck with Comcast. Well COVID hit and as many others, I had to work from home along with my children doing online school.</p>
<p>What happened, data caps. The cost to up the data cap was ridiculous. Also, 25 megabits was no longer cutting it. So I start shopping around and discover Frontier. 500 megabits up / down for $75 a month, no contract, no data caps, fiber. Hell yeah.</p>
<p>Now Comcast is known in online reviews for crappy customer service. I never had this experience. Getting through to a person, well that is a different story but once connected, they were great to work with. Naturally they could not beat the Frontier deal.</p>
<h2 id="frontier" class="tsd-anchor-link">Frontier</h2>
<p>All in all the 500 megabit fiber service is nothing to complain about. It did as it stated. I was not locked into a contract. The speeds more than got children and I through our new online reality. Life was great. But the reality is, like others, I am looking to cut costs and really no longer need the 500 megabit connection to the Internet for my current needs. Enter T-Mobile and 5G Internet from home. I will discuss that later.</p>
<p>The issue I had with Frontier is with attempting to quit. Now I was not locked into any contracts. I simply wanted to terminate the Internet and return the equipment. This was back in Oct 2024. Well the lady would not take no for an answer. To top it off, I was going to be charged for next month’s Internet and have to pay a $50 restocking fee of the modem. Now to be fair you are not leasing the modem, so I guess this is to make up for that fact, but it was annoying nonetheless. Either way I got two months free and the lady stated to call back in November to then cancel. She stated she was giving me a deal as I would only be charged the $50 restocking fee.</p>
<p>Cut to November 2024 and I call to cancel. Well they cannot identify me with the PIN that was on my bill with the new sales lady. So she has to send me out a paper with a PIN to confirm my identity. Fine. Well it just so happens that the paper comes when the new bill cycle kicks in, so I would be charged for the Internet I have not used for almost two months. I was ticked.</p>
<p><em>NOTE: I am not stating the lady did that on purpose, the timing was just annoying.</em></p>
<p>So cut to Dec 2024 and I call. Finally, I was able to cancel the service. The third sales lady was nice and not only canceled the new Internet charge that would hit me, but also waived the $50 restocking fee. But my gosh, why couldn’t I just cancel in the first place!!!!</p>
<h2 id="t-mobile" class="tsd-anchor-link">T-Mobile</h2>
<img src="https://codemelted.dev/media/image2.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="77" height="102" alt="" />
<p>What can I say? T-Mobile has been awesome. Their 5G home Internet is awesome. The reason for the switch was I get the home Internet, cell phone plan, and Netflix covered for $100 a month. That’s it. Internet speeds are about 150 megabits up / down, and I have never had any issues with T-Mobile. Trying to get through to their customer support is cumbersome but as a whole, it is just a downright awesome deal with no contract. Isn’t their modem cute? No running of cables or drilling required.</p>
<div style="clear: both;"></div>
<h1 id="final-thoughts" class="tsd-anchor-link">Final Thoughts</h1>
<ul>
<li><strong>Comcast:</strong> If you are looking to bundle cable subscriptions with your Internet and are not worried about data caps, sure. But there are faster services.</li>
<li><strong>Frontier:</strong> If you need speed they can’t be beat for the price. But my goodness, they will not let you quit even though you are not in a contract. And a restocking fee for the modem, come on.</li>
<li><strong>T-Mobile:</strong> WINNER. For the price, no contract, no data caps, cell phone and a streaming subscription covered, quit at any time. Yeah, they have more than earned my commitment.</li>
</ul>
<p><em>NOTE: The opinions expressed in this article are my own. You cannot draw any statistical significance with a sample size of one. So do your research. 😁</em></p>]]></content:encoded>
            <enclosure url="https://codemelted.com/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Articles — Bringing An Idea To A MVP]]></title>
            <link>https://codemelted.dev/Articles/Bringing_An_Idea_To_A_MVP/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Articles/Bringing_An_Idea_To_A_MVP/index.html</guid>
            <pubDate>Mon, 19 Aug 2019 04:00:00 GMT</pubDate>
            <description><![CDATA[Before COVID I had a plan with my 2005 Jeep TJ to make a trip to Prudhoe Bay, Alaska. Unfortunately we all know what happened with that. But the idea spurned a fun project I did for work that is carrying over into a new design with a hopeful new trip in 2023 or 2024 time frame.]]></description>
            <content:encoded><![CDATA[<p><em>August 19, 2019</em></p>
<img src="https://codemelted.dev/media/image.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="129" height="97" alt="" />
<p>Before COVID I had a plan with my 2005 Jeep TJ to make a trip to Prudhoe Bay, Alaska. Unfortunately we all know what happened with that. But the idea spurned a fun project I did for work that is carrying over into a new design with a hopeful new trip in 2023 or 2024 time frame.</p>
<div style="clear: both;"></div>
<p><p><a href="https://docs.google.com/presentation/d/e/2PACX-1vS6N1g9YNIu6dEPWKKemcQkUg9K5o8QWsFPD5O7zLch9NMrduZMu-_vYJ92-5j1GYQ0vD6I3U6owpiH/pubembed?start=false&amp;loop=false&amp;delayms=3000" target="_blank" rel="noopener">View Embedded Content</a></p></p>]]></content:encoded>
            <enclosure url="https://codemelted.com/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Articles — Chasing The Mythical Unicorn]]></title>
            <link>https://codemelted.dev/Articles/Chasing_The_Mythical_Unicorn/index.html</link>
            <guid isPermaLink="false">https://codemelted.dev/Articles/Chasing_The_Mythical_Unicorn/index.html</guid>
            <pubDate>Fri, 01 Jun 2018 04:00:00 GMT</pubDate>
            <description><![CDATA[In every software engineering career you will encounter a job that leaves a lasting impression because things went well, or you had good teammates. You will also encounter jobs where nothing goes right, the manager is a pain, and nobody on the team pulls their wait. Then there is the mythical unicorn. A beast that does not exist in software engineering, but I got to experience one time. Where the project was delivered ahead of time, hit all quality metrics established by the contract, and under budget.]]></description>
            <content:encoded><![CDATA[<p><em>June 01, 2018</em></p>
<img src="https://codemelted.dev/media/image1-2.png" align="left" style="margin-right: 1em; margin-bottom: 1em;" width="320" height="188" alt="" />
<p>In every software engineering career you will encounter a job that leaves a lasting impression because things went well, or you had good teammates. You will also encounter jobs where nothing goes right, the manager is a pain, and nobody on the team pulls their wait. Then there is the mythical unicorn. A beast that does not exist in software engineering, but I got to experience one time. Where the project was delivered ahead of time, hit all quality metrics established by the contract, and under budget. You never get all three. You typically on a good project will get two out of the three. The presentation below is a presentation I gave at one of my jobs documenting this unicorn and the things I believed were the reason for this encounter. Enjoy.</p>
<div style="clear: both;"></div>
<p><p><a href="https://docs.google.com/presentation/d/e/2PACX-1vRJsjQEhQCHAtjsSTHX_n1rg27CqQPqsje1dGT6XFgX2LcOXg6CSE2Ls786_sfaYVR_uBi1d_UY8XAj/pubembed?start=false&amp;loop=false&amp;delayms=3000" target="_blank" rel="noopener">View Embedded Content</a></p></p>]]></content:encoded>
            <enclosure url="https://codemelted.com/assets/images/logo-codemelted-dev.png" length="0" type="image/png"/>
        </item>
    </channel>
</rss>