The latest articles on Forem by Tasfia Chowdhury (@tasfia_chowdhury_36afb50f). https://forem.com/tasfia_chowdhury_36afb50f 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%2F3303986%2Fc8e4926a-bc38-421e-a2bb-206148a4d1b8.png https://forem.com/tasfia_chowdhury_36afb50f en Tasfia Chowdhury Mon, 02 Mar 2026 02:54:05 +0000 https://forem.com/tasfia_chowdhury_36afb50f/puddinga-privacy-first-cognitive-adaptation-engine-for-better-reading-64p https://forem.com/tasfia_chowdhury_36afb50f/puddinga-privacy-first-cognitive-adaptation-engine-for-better-reading-64p <h1> Pudding </h1> <p><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%2Fyxylmeih90mmxiptzucf.png" class="article-body-image-wrapper"><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%2Fyxylmeih90mmxiptzucf.png" alt=" " width="561" height="219"></a></p> <h3> Cognitive Accessibility for Everyone </h3> <h2> The Community </h2> <p>I built Pudding for people who struggle silently while reading online.</p> <p>That includes:</p> <ul> <li>People with dyslexia who see words jumble together </li> <li>People with ADHD who lose focus in dense paragraphs </li> <li>Students overwhelmed by academic jargon </li> <li>Non native readers navigating complex English content </li> <li>Professionals who need to scan information quickly </li> </ul> <p>Millions of people experience cognitive overload every day on the internet.<br> <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%2Ff4r4e2wbggwta1tgv5ar.png" class="article-body-image-wrapper"><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%2Ff4r4e2wbggwta1tgv5ar.png" alt=" " width="800" height="505"></a></p> <p>Most accessibility tools focus on visual impairment. Very few focus on cognitive accessibility.</p> <p>Pudding is built for that overlooked community.</p> <p>It is for anyone who has ever felt mentally tired just from reading a webpage.<br> <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%2Fgjnfazolytf53ocqte5l.png" class="article-body-image-wrapper"><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%2Fgjnfazolytf53ocqte5l.png" alt=" " width="800" height="598"></a></p> <h2> What I Built </h2> <p>Pudding is a Cognitive Adaptation Engine that transforms online content in real time.</p> <p>It does not just simplify text.<br><br> It learns how you read.</p> <p>It tracks scroll speed, pauses, and rereads locally on your device. Based on that behavior, it adjusts complexity automatically.</p> <p><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%2Fhwevpymurd5bvqmi2atr.png" class="article-body-image-wrapper"><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%2Fhwevpymurd5bvqmi2atr.png" alt=" " width="800" height="392"></a><br> It runs 100 percent offline using Chrome’s on device AI.</p> <p><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%2F78edbkb2cwliv1jtc0ad.png" class="article-body-image-wrapper"><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%2F78edbkb2cwliv1jtc0ad.png" alt=" " width="800" height="524"></a></p> <h3> Core Features </h3> <h4> Cognitive Adaptation Engine </h4> <ul> <li>Learns reading behavior </li> <li>Adjusts complexity automatically </li> <li>Stores everything locally <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%2Fkz90lge3b6vvh61nahcl.png" alt=" " width="800" height="502"> </li> </ul> <h4> Focus Mode </h4> <ul> <li>Blurs sidebars and ads </li> <li>Highlights the current paragraph </li> <li>Enables keyboard navigation </li> <li>Reduces distraction instantly </li> </ul> <h4> Complexity Mapping </h4> <ul> <li>Color coded difficulty score from 0 to 100 </li> <li>Visual heatmap for dense sections </li> <li>Click to simplify specific parts </li> </ul> <h4> Smart Content Restructuring </h4> <p>Transforms long dense paragraphs into:</p> <ul> <li>Bullet breakdowns </li> <li>Key point summaries </li> <li>Highlighted numbers </li> <li>Clear structure </li> </ul> <h4> Multilingual Support </h4> <p>Supports 10 languages:</p> <ul> <li>English </li> <li>Spanish </li> <li>French </li> <li>German </li> <li>Arabic </li> <li>Chinese </li> <li>Japanese </li> <li>Hindi </li> <li>Portuguese </li> <li>Bengali </li> </ul> <p>Language switching is instant and fully offline.</p> <p>Video Demo: [<a href="https://youtu.be/fbgYr2p4taQ?si=5jnWtYIDr2eB1DqX" rel="noopener noreferrer">https://youtu.be/fbgYr2p4taQ?si=5jnWtYIDr2eB1DqX</a>]<br> GitHub Repository: <a href="https://github.com/Tasfia-17/puddingextention.git" rel="noopener noreferrer">https://github.com/Tasfia-17/puddingextention.git</a></p> <h2> How I Built It </h2> <h3> 1. On Device AI Integration </h3> <p>Enabled Chrome’s Gemini Nano model using experimental flags.<br><br> Used the Prompt API to simplify content locally.</p> <h3> 2. Cognitive Tracking System </h3> <p>Built a lightweight behavior tracker that:</p> <ul> <li>Monitors scroll speed </li> <li>Detects rereads </li> <li>Measures pause duration </li> </ul> <p>All data is stored in local extension storage.</p> <h3> 3. Real Time DOM Transformation </h3> <ul> <li>Parsed webpage structure </li> <li>Identified content blocks </li> <li>Rewrote text while preserving layout </li> <li>Injected simplified versions dynamically </li> </ul> <h3> 4. Multilingual Support </h3> <p>Integrated Lingo.dev for structured i18n configuration.</p> <ul> <li>10 languages implemented </li> <li>RTL support for Arabic </li> <li>Instant language switching </li> <li>Less than 10ms translation load time <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%2Fao0wz2a39b1n2d1rzl2o.png" alt=" " width="800" height="533"> </li> </ul> <h3> 5. Privacy First Architecture </h3> <p><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%2F2l4sa1iazcsw5vpmw244.png" class="article-body-image-wrapper"><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%2F2l4sa1iazcsw5vpmw244.png" alt=" " width="800" height="569"></a><br> Everything runs locally.</p> <p>No external services.<br><br> No analytics.<br><br> No data leaves the device.</p> <h2> Why This Matters </h2> <p>Cognitive accessibility is rarely discussed in developer communities.</p> <p>We talk about screen readers and color contrast.<br><br> We rarely talk about reading fatigue or comprehension barriers.</p> <p>Pudding is my step toward making the internet less exhausting and more inclusive.</p> devchallenge weekendchallenge showdev