<?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: David Manuel Tchatchouang Nguena</title>
    <description>The latest articles on DEV Community by David Manuel Tchatchouang Nguena (@davidtchatchouang).</description>
    <link>https://dev.to/davidtchatchouang</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%2F4155150%2F7e4f67f2-c2dd-4ab6-ab63-a30b146c1a48.png</url>
      <title>DEV Community: David Manuel Tchatchouang Nguena</title>
      <link>https://dev.to/davidtchatchouang</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/davidtchatchouang"/>
    <language>en</language>
    <item>
      <title>I Got Tired of Refreshing the Browser, So I Built WebMold</title>
      <dc:creator>David Manuel Tchatchouang Nguena</dc:creator>
      <pubDate>Thu, 01 Oct 2026 16:48:06 +0000</pubDate>
      <link>https://dev.to/davidtchatchouang/i-got-tired-of-refreshing-the-browser-so-i-built-webmold-1ih2</link>
      <guid>https://dev.to/davidtchatchouang/i-got-tired-of-refreshing-the-browser-so-i-built-webmold-1ih2</guid>
      <description>&lt;p&gt;Hey DEV 👋&lt;/p&gt;

&lt;p&gt;I’m new to the DEV Community, and I’m really happy to finally be here.&lt;/p&gt;

&lt;p&gt;I’ve been reading and discovering a lot of what developers share here — projects, experiments, lessons learned, and even the problems they run into while building. I really like that spirit, so I thought my first post should be about a project I’ve been working on for quite a while.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I started WebMold
&lt;/h2&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%2Fydy4fnbhajd3geqwzgwj.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%2Fydy4fnbhajd3geqwzgwj.png" alt=" " width="800" height="390"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I started building &lt;strong&gt;WebMold in January 2025&lt;/strong&gt;, mainly because I was frustrated with my own frontend workflow.&lt;/p&gt;

&lt;p&gt;It often looked like this:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;VS Code → browser → refresh → inspect → VS Code → refresh again.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;And when there was a UI glitch, things could get even more annoying.&lt;/p&gt;

&lt;p&gt;Maybe something was overflowing. Maybe an element wasn't positioned correctly. Maybe one CSS property was affecting something somewhere else.&lt;/p&gt;

&lt;p&gt;Then came the hunt through the codebase to find the exact element responsible.&lt;/p&gt;

&lt;p&gt;At the same time, I realized something else: although I enjoy CSS, repeatedly writing the same HTML structures just to experiment with a design could be pretty boring.&lt;/p&gt;

&lt;p&gt;So I started thinking about a visual editor.&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4qvlcvshzfic7vaehfom.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%2F4qvlcvshzfic7vaehfom.png" alt=" " width="800" height="390"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I didn't want to build another no-code tool where your code disappears behind hundreds of styling controls.&lt;/p&gt;

&lt;p&gt;I wanted &lt;strong&gt;freedom over the actual HTML, CSS and JavaScript&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;That idea became WebMold.&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvarqb3z62ckev235s3fy.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%2Fvarqb3z62ckev235s3fy.png" alt=" " width="800" height="390"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is WebMold?
&lt;/h2&gt;

&lt;p&gt;WebMold is a visual &lt;strong&gt;HTML/CSS/JavaScript editor&lt;/strong&gt; that lets you work with the DOM, modify your code and styles, and see the changes applied live — without constantly refreshing the page.&lt;/p&gt;

&lt;p&gt;It also includes project &lt;strong&gt;import/export&lt;/strong&gt;, because I wanted the projects to remain portable and under the developer's control.&lt;/p&gt;

&lt;p&gt;Another goal is making it useful for beginners.&lt;/p&gt;

&lt;p&gt;Instead of only reading about DOM nodes, CSS properties and JavaScript, they can interact with them and immediately see what happens.&lt;/p&gt;

&lt;p&gt;Break something.&lt;/p&gt;

&lt;p&gt;Change it.&lt;/p&gt;

&lt;p&gt;Fix it.&lt;/p&gt;

&lt;p&gt;Learn from it.&lt;/p&gt;

&lt;p&gt;I also teach web development on &lt;strong&gt;Preply&lt;/strong&gt;, so I’m especially interested in exploring how a tool like this can make learning web development more interactive.&lt;/p&gt;

&lt;h2&gt;
  
  
  WebMold v1.0.0 🚀
&lt;/h2&gt;

&lt;p&gt;The first MVP currently focuses on:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;HTML + CSS + JavaScript&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;But this is only the beginning. I’d eventually like to expand WebMold to support &lt;strong&gt;framework-based workflows&lt;/strong&gt; too.&lt;/p&gt;

&lt;p&gt;After many months of building, rebuilding, debugging and learning, &lt;strong&gt;WebMold v1.0.0 is finally live on Vercel.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🌐 &lt;strong&gt;WebMold:&lt;/strong&gt; &lt;a href="https://webmold.servicesllc.us/" rel="noopener noreferrer"&gt;https://webmold.servicesllc.us/&lt;/a&gt;&lt;br&gt;
👨‍🏫 &lt;strong&gt;Preply:&lt;/strong&gt; &lt;a href="https://preply.in/DAVID7EN41807260102?ts=17908717" rel="noopener noreferrer"&gt;https://preply.in/DAVID7EN41807260102?ts=17908717&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Since I’m new here, I’d also really love to hear from other developers:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Have you ever wished you could experiment with a webpage visually while still keeping full control over the actual code?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I’m looking forward to being part of the DEV community and sharing more of the WebMold journey here. ❤️&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>showdev</category>
      <category>tools</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
