<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Haris</title>
    <description>The latest articles on DEV Community by Haris (@haris18).</description>
    <link>https://dev.to/haris18</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg</url>
      <title>DEV Community: Haris</title>
      <link>https://dev.to/haris18</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/haris18"/>
    <language>en</language>
    <item>
      <title>How to Protect Your Links with a Password</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Wed, 20 May 2026 09:13:47 +0000</pubDate>
      <link>https://dev.to/haris18/how-to-protect-your-links-with-a-password-o1e</link>
      <guid>https://dev.to/haris18/how-to-protect-your-links-with-a-password-o1e</guid>
      <description>&lt;p&gt;Protecting your short links in &lt;a href="https://trakio.harislab.tech" rel="noopener noreferrer"&gt;&lt;strong&gt;Trakio&lt;/strong&gt;&lt;/a&gt; allows you to control access and ensure only users with the correct password can reach your destination URL. This feature is useful for private content, client resources, or restricted access links.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1: Log in to Your Trakio Account
&lt;/h2&gt;

&lt;p&gt;Open the login page and sign in to your dashboard:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://trakio.harislab.tech/login" rel="noopener noreferrer"&gt;Trakio Login&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2: Open the Links Section
&lt;/h2&gt;

&lt;p&gt;After logging in:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Go to the sidebar menu&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Click on “Links”&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Select “Create Link”&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Step 3: Create a Password-Protected Link
&lt;/h2&gt;

&lt;p&gt;Fill in the required fields:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Destination URL&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Short Link&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Scroll down to the &lt;strong&gt;Privacy&lt;/strong&gt; section.&lt;/p&gt;

&lt;p&gt;There you will find the option:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Password Protect (toggle)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Enable the toggle, then:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Enter your desired password in the password field&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Finally, click &lt;strong&gt;Create Link&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0jd6dyhb38qml9wued6b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0jd6dyhb38qml9wued6b.png" alt="Trakio-screenshot-01" width="779" height="573"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 4: What Happens After Creation
&lt;/h2&gt;

&lt;p&gt;Once the link is created:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Users opening the link will see a password screen first&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;They must enter the correct password to access the original URL&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;The system is secured by Trakio Secure, which includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Rate limiting protection&lt;/li&gt;
&lt;li&gt;  Bot protection&lt;/li&gt;
&lt;li&gt;  Access control safeguards&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0w0y23ssd7x8rnc8r2up.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0w0y23ssd7x8rnc8r2up.png" alt="Trakio-screenshot-02" width="474" height="578"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 5: Edit an Existing Link
&lt;/h2&gt;

&lt;p&gt;If the link already exists, you can still modify it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Open the Links list&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Click the Edit button on the specific link&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Scroll to the Privacy section&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Enable Password Protect and set or update the password&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Save changes&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Step 6: Remove Password Protection
&lt;/h2&gt;

&lt;p&gt;To disable password protection:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Open the link in Edit mode&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Turn off the Password Protect toggle&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Save the changes&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;After this, the link will become publicly accessible again.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>I built a chrome extension that will create trackable links</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sat, 14 Feb 2026 04:13:18 +0000</pubDate>
      <link>https://dev.to/haris18/i-built-a-chrome-extension-that-will-create-trackable-links-2h2f</link>
      <guid>https://dev.to/haris18/i-built-a-chrome-extension-that-will-create-trackable-links-2h2f</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn57nkwt8coxskjacnu18.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn57nkwt8coxskjacnu18.png" alt="Preview-1" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftghm8zduhbsdg765tpcq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftghm8zduhbsdg765tpcq.png" alt="Preview-2" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Try Here:&lt;/strong&gt; &lt;a href="https://chromewebstore.google.com/detail/dknllaefoelajhiknjpmkafdadbpicdf?utm_source=item-share-cb" rel="noopener noreferrer"&gt;&lt;strong&gt;Trakio - Create Trackable Links - Chrome Extension&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>webdev</category>
      <category>ai</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Trakio - Create trackable links with real-time analytics &amp; control</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 01 Feb 2026 03:20:05 +0000</pubDate>
      <link>https://dev.to/haris18/trakio-create-trackable-links-with-real-time-analytics-control-3ff0</link>
      <guid>https://dev.to/haris18/trakio-create-trackable-links-with-real-time-analytics-control-3ff0</guid>
      <description>&lt;p&gt;&lt;strong&gt;🎉 Introducing Trakio – The Ultimate Link Management Platform! 🚀&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Hey everyone! I’m excited to share &lt;strong&gt;Trakio&lt;/strong&gt;, a smart, all-in-one platform designed to help marketers, teams, agencies, and businesses &lt;strong&gt;track, optimize, and control links like never before&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Trakio?&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;🔗 Unlimited Link Management&lt;/strong&gt; – Create unlimited links, custom slugs, and IDs, with full control over every link.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;📊 Real-Time Analytics&lt;/strong&gt; – Track clicks, traffic sources, devices, locations, and top-performing links. Export reports in CSV.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;🧠 Trakio AI Insights&lt;/strong&gt; – Our rule-based AI analyzes link performance, highlights high-performing links, and generates optimization reports.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;🎯 Smart Redirection &amp;amp; Automation&lt;/strong&gt; – Redirect links based on device type, country, or custom rules. Perfect for campaigns.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;🔐 Secure &amp;amp; Protected&lt;/strong&gt; – Password-protect links, prevent unauthorized access, and block suspicious traffic.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;👥 Team Collaboration&lt;/strong&gt; – Add up to 10 team members (and more upon request), assign roles, and chat internally to streamline your workflow.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;📢 Marketing &amp;amp; Retargeting Tools&lt;/strong&gt; – Integrate Facebook retargeting pixels (Beta), track conversions, and optimize campaigns.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;🎨 SEO &amp;amp; Social Control&lt;/strong&gt; – Customize meta titles, descriptions, and social previews for every link.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;💡 Special Offer:&lt;/strong&gt; To celebrate our launch, Discord users can get &lt;strong&gt;20% OFF the Premium plan&lt;/strong&gt; with promo code: &lt;code&gt;TRAKIO20OFF&lt;/code&gt; (limited time).&lt;/p&gt;

&lt;p&gt;Trakio is built for &lt;strong&gt;anyone who wants full control and accurate insights&lt;/strong&gt; into their links — from solo marketers to large teams. Stop guessing, start tracking, and grow with confidence.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🔗 Check it out and start your link journey today:&lt;/strong&gt; &lt;a href="https://trakio.harislab.tech/" rel="noopener noreferrer"&gt;Try Trakio Free&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fby1ws8fk12euknz16oh8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fby1ws8fk12euknz16oh8.png" alt="Preview 1" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>startup</category>
      <category>showdev</category>
      <category>analytics</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Open Source Project</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 25 Jan 2026 23:22:03 +0000</pubDate>
      <link>https://dev.to/haris18/open-source-project-28k</link>
      <guid>https://dev.to/haris18/open-source-project-28k</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/haris18" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg" alt="haris18"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/haris18/how-i-fit-flappy-bird-into-a-single-qr-code-4ljo" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;How I Fit Flappy Bird into a Single QR Code&lt;/h2&gt;
      &lt;h3&gt;Haris ・ Jan 25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#python&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>python</category>
      <category>showdev</category>
    </item>
    <item>
      <title>An amazing and curious project</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 25 Jan 2026 22:45:27 +0000</pubDate>
      <link>https://dev.to/haris18/an-amazing-and-curious-project-88j</link>
      <guid>https://dev.to/haris18/an-amazing-and-curious-project-88j</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/haris18" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg" alt="haris18"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/haris18/how-i-fit-flappy-bird-into-a-single-qr-code-4ljo" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;How I Fit Flappy Bird into a Single QR Code&lt;/h2&gt;
      &lt;h3&gt;Haris ・ Jan 25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#python&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>python</category>
      <category>showdev</category>
    </item>
    <item>
      <title>How I Fit Flappy Bird into a Single QR Code</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 25 Jan 2026 18:56:49 +0000</pubDate>
      <link>https://dev.to/haris18/how-i-fit-flappy-bird-into-a-single-qr-code-4ljo</link>
      <guid>https://dev.to/haris18/how-i-fit-flappy-bird-into-a-single-qr-code-4ljo</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fblog.harislab.tech%2Fimages%2F3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fblog.harislab.tech%2Fimages%2F3.png" alt="Flappy Bird Canvas" width="800" height="473"&gt;&lt;/a&gt;&lt;br&gt;
Discover how Flappy Bird fits inside a single QR code using a Python tool, data URI, and minimalist HTML/JS design — scan to play instantly.&lt;/p&gt;

&lt;p&gt;It started with a quiet thought, one that refused to leave my head:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;What is the absolute smallest place a real game can live?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Not a download. Not a website link. &lt;strong&gt;The game itself.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I picked &lt;strong&gt;Flappy Bird&lt;/strong&gt;. Why? Because it doesn’t lie. If gravity feels off, you notice. If collision fails, the illusion breaks. If timing is off, it’s unplayable.&lt;/p&gt;

&lt;p&gt;If this game survived compression, it meant the idea worked.&lt;/p&gt;
&lt;h3&gt;
  
  
  Step One: Breaking Comfort
&lt;/h3&gt;

&lt;p&gt;QR codes hate comfort.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;They hate images.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;They hate libraries.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;They hate anything that isn’t essential.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;So I stopped thinking like a web developer and started thinking like a machine.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;No sprites&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;No fonts&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;No frameworks&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The bird became a &lt;strong&gt;shape&lt;/strong&gt;. The pipes became &lt;strong&gt;rectangles&lt;/strong&gt;. The sky became a &lt;strong&gt;color fill&lt;/strong&gt;. Everything was drawn inside a single&lt;/p&gt;

&lt;p&gt;element.&lt;/p&gt;

&lt;p&gt;Here’s a &lt;strong&gt;glimpse of the code skeleton&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;canvas&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"c"&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"320"&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"480"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/canvas&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;script&amp;gt;&lt;/span&gt;
&lt;span class="nx"&gt;b&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;y&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;220&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;v&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt; &lt;span class="p"&gt;};&lt;/span&gt; &lt;span class="c1"&gt;// Bird&lt;/span&gt;
&lt;span class="nx"&gt;p&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[];&lt;/span&gt;                &lt;span class="c1"&gt;// Pipes&lt;/span&gt;

&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;loop&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="c1"&gt;// gravity&lt;/span&gt;
  &lt;span class="c1"&gt;// pipes&lt;/span&gt;
  &lt;span class="c1"&gt;// collision&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nf"&gt;loop&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Notice something? That’s &lt;strong&gt;all I’m showing&lt;/strong&gt;. Enough to hint at the game — but not enough to give it away.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step Two:
&lt;/h3&gt;

&lt;p&gt;I could tell you how I handled gravity, pipes, collisions, scoring… but then the secret would be gone.&lt;/p&gt;

&lt;p&gt;This experiment is about &lt;strong&gt;precision, compression, and ingenuity&lt;/strong&gt;. Every character mattered. Every symbol had a cost.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;This tool is not limited to games.&lt;/strong&gt; It can package &lt;em&gt;&lt;strong&gt;any kind of HTML, CSS, or JavaScript&lt;/strong&gt;&lt;/em&gt; — from demos and experiments to landing pages, interactive tools, or visual ideas — directly into a single QR code.&lt;/p&gt;

&lt;p&gt;The game fits &lt;strong&gt;entirely inside a single QR code&lt;/strong&gt;. No downloads. No fetching. Just scan. Tap. Play.&lt;/p&gt;

&lt;p&gt;If you’re curious how I made it happen, and want to see the &lt;strong&gt;full story, complete with the Python tool and the actual game code&lt;/strong&gt;, you can read it here:&lt;/p&gt;

&lt;p&gt;➡️ &lt;a href="https://blog.harislab.tech/52/how-i-fit-flappy-bird-into-a-single-qr-code" rel="noopener noreferrer"&gt;&lt;strong&gt;Read the full story&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>python</category>
      <category>showdev</category>
    </item>
    <item>
      <title>JavaScript Cheat Sheet – Complete Modern JS Reference (ES6+)</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 25 Jan 2026 13:52:55 +0000</pubDate>
      <link>https://dev.to/haris18/javascript-cheat-sheet-complete-modern-js-reference-es6-39j0</link>
      <guid>https://dev.to/haris18/javascript-cheat-sheet-complete-modern-js-reference-es6-39j0</guid>
      <description>&lt;p&gt;A comprehensive JavaScript cheat sheet covering variables, functions, arrays, objects, DOM manipulation, async/await, and essential ES6+ features — presented as a fast, static HTML reference.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blog.harislab.tech/51/javascript-cheat-sheet-complete-modern-js-reference-es6" rel="noopener noreferrer"&gt;Get JavaScript Cheat Sheet&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>programming</category>
      <category>learning</category>
    </item>
    <item>
      <title>show your projects</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 25 Jan 2026 12:11:32 +0000</pubDate>
      <link>https://dev.to/haris18/show-your-projects-2ad0</link>
      <guid>https://dev.to/haris18/show-your-projects-2ad0</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/haris18" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg" alt="haris18"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/haris18/show-what-youre-building-on-harislab-hub-share-projects-ideas-eaa" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Show What You’re Building on HarisLab Hub – Share Projects &amp;amp; Ideas&lt;/h2&gt;
      &lt;h3&gt;Haris ・ Jan 25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
    </item>
    <item>
      <title>Search Powered by Algolia</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sun, 25 Jan 2026 00:52:03 +0000</pubDate>
      <link>https://dev.to/haris18/search-powered-by-algolia-227n</link>
      <guid>https://dev.to/haris18/search-powered-by-algolia-227n</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/haris18" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg" alt="haris18"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/haris18/a-simple-place-to-share-ideas-ask-questions-and-show-what-youre-building-42h8" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;A simple place to share ideas, ask questions, and show what you’re building&lt;/h2&gt;
      &lt;h3&gt;Haris ・ Jan 23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#news&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#discuss&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#forem&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>news</category>
      <category>discuss</category>
      <category>showdev</category>
      <category>forem</category>
    </item>
    <item>
      <title>Show What You’re Building on HarisLab Hub – Share Projects &amp; Ideas</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Sat, 24 Jan 2026 15:29:37 +0000</pubDate>
      <link>https://dev.to/haris18/show-what-youre-building-on-harislab-hub-share-projects-ideas-eaa</link>
      <guid>https://dev.to/haris18/show-what-youre-building-on-harislab-hub-share-projects-ideas-eaa</guid>
      <description>&lt;p&gt;Share your projects, ideas, and tech creations on HarisLab Hub. Connect with makers worldwide, get feedback, and inspire others with what you’re building.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blog.harislab.tech/46/show-what-youre-building-on-harislab-hub-share-projects-ideas" rel="noopener noreferrer"&gt;&lt;strong&gt;Show Here What You're Building Here&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>I’d love to hear your thoughts and feedback!</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Fri, 23 Jan 2026 22:19:22 +0000</pubDate>
      <link>https://dev.to/haris18/id-love-to-hear-your-thoughts-and-feedback-4le5</link>
      <guid>https://dev.to/haris18/id-love-to-hear-your-thoughts-and-feedback-4le5</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/haris18" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg" alt="haris18"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/haris18/a-simple-place-to-share-ideas-ask-questions-and-show-what-youre-building-42h8" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;A simple place to share ideas, ask questions, and show what you’re building&lt;/h2&gt;
      &lt;h3&gt;Haris ・ Jan 23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#news&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#discuss&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#forem&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>news</category>
      <category>discuss</category>
      <category>showdev</category>
      <category>forem</category>
    </item>
    <item>
      <title>Check It out</title>
      <dc:creator>Haris</dc:creator>
      <pubDate>Fri, 23 Jan 2026 22:10:28 +0000</pubDate>
      <link>https://dev.to/haris18/check-it-out-4</link>
      <guid>https://dev.to/haris18/check-it-out-4</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/haris18" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3642082%2F3dbcce03-24c1-4879-868f-031f5c4b1ee1.jpg" alt="haris18"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/haris18/a-simple-place-to-share-ideas-ask-questions-and-show-what-youre-building-42h8" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;A simple place to share ideas, ask questions, and show what you’re building&lt;/h2&gt;
      &lt;h3&gt;Haris ・ Jan 23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#news&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#discuss&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#forem&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>news</category>
      <category>discuss</category>
      <category>showdev</category>
      <category>forem</category>
    </item>
  </channel>
</rss>
