<?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: 123qassim</title>
    <description>The latest articles on DEV Community by 123qassim (@123qassim).</description>
    <link>https://dev.to/123qassim</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1179645%2F5905200e-f163-4a1b-92b0-19f5e357da32.jpg</url>
      <title>DEV Community: 123qassim</title>
      <link>https://dev.to/123qassim</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/123qassim"/>
    <language>en</language>
    <item>
      <title>[Boost]</title>
      <dc:creator>123qassim</dc:creator>
      <pubDate>Sun, 04 Oct 2026 11:13:23 +0000</pubDate>
      <link>https://dev.to/123qassim/-1p14</link>
      <guid>https://dev.to/123qassim/-1p14</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8" class="crayons-story__hidden-navigation-link"&gt;LabPulse AI: Hands-Free Diagnostic Bench Assistant for Molecular Biology&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
      &lt;a href="https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8" class="crayons-article__context-note crayons-article__context-note__feed"&gt;&lt;p&gt;Hacktoberfest Weekend Challenge: Build for a Friend Submission 🤝&lt;/p&gt;

&lt;/a&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/123qassim" class="crayons-avatar  crayons-avatar--l  "&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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1179645%2F5905200e-f163-4a1b-92b0-19f5e357da32.jpg" alt="123qassim profile" class="crayons-avatar__image" width="555" height="555"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/123qassim" class="crayons-story__secondary fw-medium m:hidden"&gt;
              123qassim
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                123qassim
                
                
              
              &lt;div id="story-author-preview-content-4795295" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/123qassim" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1179645%2F5905200e-f163-4a1b-92b0-19f5e357da32.jpg" class="crayons-avatar__image" alt="" width="555" height="555"&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;123qassim&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Oct 4&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8" id="article-link-4795295"&gt;
          LabPulse AI: Hands-Free Diagnostic Bench Assistant for Molecular Biology
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/devchallenge"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;devchallenge&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/weekendchallenge"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;weekendchallenge&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/hf26challenge"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;hf26challenge&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/hacktoberfest"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;hacktoberfest&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"&gt;
            &lt;div class="multiple_reactions_aggregate"&gt;
              &lt;span class="multiple_reactions_icons_container"&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;1&lt;span class="hidden s:inline"&gt;&amp;nbsp;reaction&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              

              1&lt;span class="hidden s:inline"&gt;&amp;nbsp;comment&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            3 min read
          &lt;/small&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;


</description>
      <category>ai</category>
      <category>machinelearning</category>
      <category>software</category>
    </item>
    <item>
      <title>LabPulse AI: Hands-Free Diagnostic Bench Assistant for Molecular Biology</title>
      <dc:creator>123qassim</dc:creator>
      <pubDate>Sun, 04 Oct 2026 11:03:50 +0000</pubDate>
      <link>https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8</link>
      <guid>https://dev.to/123qassim/labpulse-ai-hands-free-diagnostic-bench-assistant-for-molecular-biology-4kd8</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I built &lt;strong&gt;LabPulse AI&lt;/strong&gt;, an edge-first diagnostic bench assistant engineered for my classmate and lab partner Cynthia, a medical biotechnology researcher who spends hours running PCR assays, Nanodrop spectrophotometry, and gel electrophoresis runs.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Problem
&lt;/h3&gt;

&lt;p&gt;During bench experiments in molecular biology, your hands are suited in nitrile gloves wet with buffers, ethidium bromide, and reagents. You cannot touch a keyboard or trackpad without contaminating your workstation or ruining equipment. Observations get scribbled haphazardly on paper towels or dictated into fragmented voice notes on a smartphone:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"16S rRNA gene amplification from colony 4B. Annealing set to 57.5 C, 32 cycles. Strong band at 1500 bp, minor smear near 400 bp. Master mix buffer lot expired last week."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Converting these raw, unformatted bench notes into standard IMRAD (Introduction, Methods, Results, and Discussion) laboratory logs and structured datasets consumes hours after every shift. Closed-source APIs were completely out of the question:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;University wet labs are frequently located in basement rooms or rural research stations with dead-zone internet connectivity.&lt;/li&gt;
&lt;li&gt;Proprietary sequencing observations and unpublished diagnostic protocols cannot be piped into commercial closed-model clouds for corporate training.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;LabPulse AI solves this with three targeted benchtop capabilities:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Hands-Free Voice Dictation:&lt;/strong&gt; Cynthia can dictate assay observations directly into the browser without de-gloving.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deterministic Schema Extraction:&lt;/strong&gt; Open-weight Gemma 2 structures raw dictations into verified JSON parameters and flags reagent anomalies.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Diagnostic Quality Control &amp;amp; Instant IMRAD Export:&lt;/strong&gt; Automatically calculates spectrophotometric purity indices (A260/A280) and generates one-click, audit-ready lab notebook slips.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live Application:&lt;/strong&gt; &lt;a href="https://labpulse-ai.onrender.com" rel="noopener noreferrer"&gt;https://labpulse-ai.onrender.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Primary Capabilities:&lt;/strong&gt; Glove-friendly voice dictation, real-time parameter extraction, anomaly detection (annealing variances, expired reagents, primer-dimer smears), diagnostic purity scoring, and persistent MongoDB Atlas audit logs.&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp9xo5pxwatqqp1jqfvh2.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp9xo5pxwatqqp1jqfvh2.png" alt="LabPulse AI Interface" width="790" height="695"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Example Structured Output (Instant IMRAD Slip)
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;h3&gt;
  
  
  Experimental Run Record: Spectrophotometry
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Timestamp:&lt;/strong&gt; 2026-10-04 09:49:51 UTC&lt;br&gt;&lt;br&gt;
&lt;strong&gt;Target Sample:&lt;/strong&gt; Plasmid DNA  &lt;/p&gt;
&lt;h4&gt;
  
  
  1. Methodology &amp;amp; Parameters
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Annealing Temperature: N/A
&lt;/li&gt;
&lt;li&gt;Cycles: N/A
&lt;/li&gt;
&lt;li&gt;Optical Density (A260/A280): 1.84 [QC Status: &lt;strong&gt;Optimal Pure DNA&lt;/strong&gt;]
&lt;/li&gt;
&lt;/ul&gt;
&lt;h4&gt;
  
  
  2. Observations &amp;amp; Anomaly Analysis
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Summary: Completed Spectrophotometry evaluation under standard protocol parameters.
&lt;/li&gt;
&lt;li&gt;Anomalies / Flags: None (sample validated)
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Parsed and verified via LabPulse AI (Gemma 2 open-weight inference).&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;

&lt;p&gt;The project is fully open source under the MIT License:&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/123qassim/labpulse-ai" rel="noopener noreferrer"&gt;https://github.com/123qassim/labpulse-ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Architecture &amp;amp; Stack:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Inference Core:&lt;/strong&gt; Google Gemma 2 open-weight architecture (quantized local execution fallback via Ollama + Hugging Face Serverless endpoint).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Backend Service:&lt;/strong&gt; FastAPI with Pydantic v2 deterministic schema enforcement.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Data Persistence:&lt;/strong&gt; MongoDB Atlas for structured experiment logs and audit tracking.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment &amp;amp; Containerization:&lt;/strong&gt; Docker on Render.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Open-Weight Core (&lt;code&gt;gemma-2-2b-it&lt;/code&gt;):&lt;/strong&gt; LabPulse AI harnesses instruction-tuned Gemma 2 to extract domain-specific biological shorthand into strict JSON without relying on proprietary cloud endpoints.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dual-Tier Resilient Inference Pipeline:&lt;/strong&gt; The backend queries a local Ollama instance running Gemma 2 when offline at the bench. When connectivity is available, it routes to cloud-hosted Gemma 2. If a network drop occurs mid-run, an internal heuristic parser steps in automatically to prevent data loss.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Diagnostic Intelligence Layer:&lt;/strong&gt; The front-end evaluates spectrophotometric A260/A280 absorbance ratios in real time, automatically categorizing pure nucleic acids (1.8/2.0) versus protein/phenol contamination risks.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Database Integration:&lt;/strong&gt; Structured records are indexed and stored in MongoDB Atlas, populating an instant audit history table for research verification.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Scientific Data Sovereignty:&lt;/strong&gt; Molecular research data and novel protocol designs should remain under the researcher's control. Open-weight models like Gemma 2 ensure researchers process findings locally without sending sensitive lab records to third-party providers.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Field-Ready Offline Operation:&lt;/strong&gt; Labs located in dead zones or basement facilities require software that functions without steady internet. Open weights can be quantized and executed directly on benchtop laptops.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero Marginal Inference Cost:&lt;/strong&gt; High-throughput laboratory work generates hundreds of micro-logs daily. Open-weight models remove prohibitive per-token API costs for student researchers.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Cynthia's Reaction
&lt;/h2&gt;

&lt;p&gt;I loaded the app on her laptop and tested it against a set of messy gel electrophoresis notes from her notebook. &lt;/p&gt;

&lt;p&gt;Her reaction:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"The hands-free dictation is the real game-changer. Being able to dictate observations while holding a pipette without having to take off my gloves and touch the keyboard—and then getting an instant IMRAD entry with our purity ratios calculated—cuts my lab report write-up time in half."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Prize Categories
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Best Use of Gemma&lt;/strong&gt; (Gemma 2 open-weight inference architecture)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Best Use of Render&lt;/strong&gt; (Automated Docker containerized deployment)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Best Use of MongoDB Atlas&lt;/strong&gt; (Experiment record persistence and schema validation)&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>weekendchallenge</category>
      <category>hf26challenge</category>
      <category>hacktoberfest</category>
    </item>
    <item>
      <title>Untitled</title>
      <dc:creator>123qassim</dc:creator>
      <pubDate>Thu, 14 Nov 2024 07:25:52 +0000</pubDate>
      <link>https://dev.to/123qassim/untitled-1l23</link>
      <guid>https://dev.to/123qassim/untitled-1l23</guid>
      <description>&lt;p&gt;Check out this Pen I made!&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Kassim-Otaha/embed/PoMLNEx?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Web Development</title>
      <dc:creator>123qassim</dc:creator>
      <pubDate>Sun, 08 Oct 2023 01:35:46 +0000</pubDate>
      <link>https://dev.to/123qassim/web-development-54bd</link>
      <guid>https://dev.to/123qassim/web-development-54bd</guid>
      <description>&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br&gt;
&lt;br&gt;
&lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;/p&gt;
Economic Crisis Survey
&lt;br&gt;
    &amp;lt;br&amp;gt;
        body {&amp;lt;br&amp;gt;
            background-color: #f2f2f2;&amp;lt;br&amp;gt;
            font-family: Arial, sans-serif;&amp;lt;br&amp;gt;
            margin: 0;&amp;lt;br&amp;gt;
            padding: 0;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header {&amp;lt;br&amp;gt;
            background-color: #333;&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
            padding: 10px;&amp;lt;br&amp;gt;
            text-align: center;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        h1 {&amp;lt;br&amp;gt;
            margin-top: 0;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .container {&amp;lt;br&amp;gt;
            background-color: #fff;&amp;lt;br&amp;gt;
            border-radius: 5px;&amp;lt;br&amp;gt;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);&amp;lt;br&amp;gt;
            margin: 20px auto;&amp;lt;br&amp;gt;
            padding: 20px;&amp;lt;br&amp;gt;
            width: 80%;&amp;lt;br&amp;gt;
            max-width: 600px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        label {&amp;lt;br&amp;gt;
            display: block;&amp;lt;br&amp;gt;
            font-weight: bold;&amp;lt;br&amp;gt;
            margin-top: 10px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        input[type=&amp;amp;quot;text&amp;amp;quot;],&amp;lt;br&amp;gt;
        input[type=&amp;amp;quot;email&amp;amp;quot;],&amp;lt;br&amp;gt;
        input[type=&amp;amp;quot;number&amp;amp;quot;],&amp;lt;br&amp;gt;
        select,&amp;lt;br&amp;gt;
        textarea {&amp;lt;br&amp;gt;
            width: 100%;&amp;lt;br&amp;gt;
            padding: 10px;&amp;lt;br&amp;gt;
            margin-top: 5px;&amp;lt;br&amp;gt;
            border: 1px solid #ccc;&amp;lt;br&amp;gt;
            border-radius: 4px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        textarea {&amp;lt;br&amp;gt;
            height: 100px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        button {&amp;lt;br&amp;gt;
            background-color: #333;&amp;lt;br&amp;gt;
            border: none;&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
            padding: 10px 20px;&amp;lt;br&amp;gt;
            margin-top: 10px;&amp;lt;br&amp;gt;
            border-radius: 4px;&amp;lt;br&amp;gt;
            cursor: pointer;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
    &lt;br&gt;
&lt;br&gt;
&lt;br&gt;
    &lt;br&gt;
        &lt;h1&gt;Economic Crisis Survey&lt;/h1&gt;
&lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
        &lt;br&gt;
            Full Name:&lt;br&gt;
            
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;        &amp;lt;label for="email"&amp;gt;Email:&amp;lt;/label&amp;gt;
        &amp;lt;input type="email" id="email" name="email" required&amp;gt;

        &amp;lt;label for="age"&amp;gt;Age:&amp;lt;/label&amp;gt;
        &amp;lt;input type="number" id="age" name="age" required&amp;gt;

        &amp;lt;label for="gender"&amp;gt;Gender:&amp;lt;/label&amp;gt;
        &amp;lt;select id="gender" name="gender" required&amp;gt;
            &amp;lt;option value="male"&amp;gt;Male&amp;lt;/option&amp;gt;
            &amp;lt;option value="female"&amp;gt;Female&amp;lt;/option&amp;gt;
            &amp;lt;option value="other"&amp;gt;Other&amp;lt;/option&amp;gt;
        &amp;lt;/select&amp;gt;

        &amp;lt;label for="impact"&amp;gt;How has the economic crisis impacted you:&amp;lt;/label&amp;gt;
        &amp;lt;textarea id="impact" name="impact" required&amp;gt;&amp;lt;/textarea&amp;gt;

        &amp;lt;label for="government-response"&amp;gt;Opinion on government response:&amp;lt;/label&amp;gt;
        &amp;lt;textarea id="government-response" name="government-response" required&amp;gt;&amp;lt;/textarea&amp;gt;

        &amp;lt;label for="solutions"&amp;gt;Suggestions for economic recovery:&amp;lt;/label&amp;gt;
        &amp;lt;textarea id="solutions" name="solutions" required&amp;gt;&amp;lt;/textarea&amp;gt;

        &amp;lt;label for="support"&amp;gt;Do you think more support is needed:&amp;lt;/label&amp;gt;
        &amp;lt;input type="radio" id="support-yes" name="support" value="Yes" required&amp;gt;
        &amp;lt;label for="support-yes"&amp;gt;Yes&amp;lt;/label&amp;gt;
        &amp;lt;input type="radio" id="support-no" name="support" value="No" required&amp;gt;
        &amp;lt;label for="support-no"&amp;gt;No&amp;lt;/label&amp;gt;

        &amp;lt;label for="newsletter"&amp;gt;Subscribe to our newsletter:&amp;lt;/label&amp;gt;
        &amp;lt;input type="checkbox" id="newsletter" name="newsletter" value="Yes"&amp;gt;

        &amp;lt;button type="submit"&amp;gt;Submit&amp;lt;/button&amp;gt;
    &amp;lt;/form&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;


</description>
    </item>
    <item>
      <title>Web Development</title>
      <dc:creator>123qassim</dc:creator>
      <pubDate>Sun, 08 Oct 2023 01:34:10 +0000</pubDate>
      <link>https://dev.to/123qassim/web-development-366p</link>
      <guid>https://dev.to/123qassim/web-development-366p</guid>
      <description>&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br&gt;
&lt;br&gt;
&lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;/p&gt;
Economic Crisis Survey
&lt;br&gt;
    &amp;lt;br&amp;gt;
        body {&amp;lt;br&amp;gt;
            background-color: #f2f2f2;&amp;lt;br&amp;gt;
            font-family: Arial, sans-serif;&amp;lt;br&amp;gt;
            margin: 0;&amp;lt;br&amp;gt;
            padding: 0;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        header {&amp;lt;br&amp;gt;
            background-color: #333;&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
            padding: 10px;&amp;lt;br&amp;gt;
            text-align: center;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        h1 {&amp;lt;br&amp;gt;
            margin-top: 0;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        .container {&amp;lt;br&amp;gt;
            background-color: #fff;&amp;lt;br&amp;gt;
            border-radius: 5px;&amp;lt;br&amp;gt;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);&amp;lt;br&amp;gt;
            margin: 20px auto;&amp;lt;br&amp;gt;
            padding: 20px;&amp;lt;br&amp;gt;
            width: 80%;&amp;lt;br&amp;gt;
            max-width: 600px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        label {&amp;lt;br&amp;gt;
            display: block;&amp;lt;br&amp;gt;
            font-weight: bold;&amp;lt;br&amp;gt;
            margin-top: 10px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        input[type=&amp;amp;quot;text&amp;amp;quot;],&amp;lt;br&amp;gt;
        input[type=&amp;amp;quot;email&amp;amp;quot;],&amp;lt;br&amp;gt;
        input[type=&amp;amp;quot;number&amp;amp;quot;],&amp;lt;br&amp;gt;
        select,&amp;lt;br&amp;gt;
        textarea {&amp;lt;br&amp;gt;
            width: 100%;&amp;lt;br&amp;gt;
            padding: 10px;&amp;lt;br&amp;gt;
            margin-top: 5px;&amp;lt;br&amp;gt;
            border: 1px solid #ccc;&amp;lt;br&amp;gt;
            border-radius: 4px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        textarea {&amp;lt;br&amp;gt;
            height: 100px;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
        button {&amp;lt;br&amp;gt;
            background-color: #333;&amp;lt;br&amp;gt;
            border: none;&amp;lt;br&amp;gt;
            color: #fff;&amp;lt;br&amp;gt;
            padding: 10px 20px;&amp;lt;br&amp;gt;
            margin-top: 10px;&amp;lt;br&amp;gt;
            border-radius: 4px;&amp;lt;br&amp;gt;
            cursor: pointer;&amp;lt;br&amp;gt;
        }&amp;lt;br&amp;gt;
    &lt;br&gt;
&lt;br&gt;
&lt;br&gt;
    &lt;br&gt;
        &lt;h1&gt;Economic Crisis Survey&lt;/h1&gt;
&lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
        &lt;br&gt;
            Full Name:&lt;br&gt;
            
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;        &amp;lt;label for="email"&amp;gt;Email:&amp;lt;/label&amp;gt;
        &amp;lt;input type="email" id="email" name="email" required&amp;gt;

        &amp;lt;label for="age"&amp;gt;Age:&amp;lt;/label&amp;gt;
        &amp;lt;input type="number" id="age" name="age" required&amp;gt;

        &amp;lt;label for="gender"&amp;gt;Gender:&amp;lt;/label&amp;gt;
        &amp;lt;select id="gender" name="gender" required&amp;gt;
            &amp;lt;option value="male"&amp;gt;Male&amp;lt;/option&amp;gt;
            &amp;lt;option value="female"&amp;gt;Female&amp;lt;/option&amp;gt;
            &amp;lt;option value="other"&amp;gt;Other&amp;lt;/option&amp;gt;
        &amp;lt;/select&amp;gt;

        &amp;lt;label for="impact"&amp;gt;How has the economic crisis impacted you:&amp;lt;/label&amp;gt;
        &amp;lt;textarea id="impact" name="impact" required&amp;gt;&amp;lt;/textarea&amp;gt;

        &amp;lt;label for="government-response"&amp;gt;Opinion on government response:&amp;lt;/label&amp;gt;
        &amp;lt;textarea id="government-response" name="government-response" required&amp;gt;&amp;lt;/textarea&amp;gt;

        &amp;lt;label for="solutions"&amp;gt;Suggestions for economic recovery:&amp;lt;/label&amp;gt;
        &amp;lt;textarea id="solutions" name="solutions" required&amp;gt;&amp;lt;/textarea&amp;gt;

        &amp;lt;label for="support"&amp;gt;Do you think more support is needed:&amp;lt;/label&amp;gt;
        &amp;lt;input type="radio" id="support-yes" name="support" value="Yes" required&amp;gt;
        &amp;lt;label for="support-yes"&amp;gt;Yes&amp;lt;/label&amp;gt;
        &amp;lt;input type="radio" id="support-no" name="support" value="No" required&amp;gt;
        &amp;lt;label for="support-no"&amp;gt;No&amp;lt;/label&amp;gt;

        &amp;lt;label for="newsletter"&amp;gt;Subscribe to our newsletter:&amp;lt;/label&amp;gt;
        &amp;lt;input type="checkbox" id="newsletter" name="newsletter" value="Yes"&amp;gt;

        &amp;lt;button type="submit"&amp;gt;Submit&amp;lt;/button&amp;gt;
    &amp;lt;/form&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;


</description>
    </item>
  </channel>
</rss>
