The latest articles on DEV Community by SOMANKO MUKHOPADHYAY (@somanko_mukhopadhyay23bc). https://dev.to/somanko_mukhopadhyay23bc 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%2F3294386%2F2b717bcf-3b3e-4715-813d-b197dbff6d34.png https://dev.to/somanko_mukhopadhyay23bc en SOMANKO MUKHOPADHYAY Wed, 25 Jun 2025 16:04:32 +0000 https://dev.to/somanko_mukhopadhyay23bc/-1fcb https://dev.to/somanko_mukhopadhyay23bc/-1fcb <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p" class="crayons-story__hidden-navigation-link">I built an AI website generator that turns prompts into HTML/CSS in minutes— Here’s how</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/somanko_mukhopadhyay23bc" class="crayons-avatar crayons-avatar--l "> <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%2F3294386%2F2b717bcf-3b3e-4715-813d-b197dbff6d34.png" alt="somanko_mukhopadhyay23bc profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/somanko_mukhopadhyay23bc" class="crayons-story__secondary fw-medium m:hidden"> SOMANKO MUKHOPADHYAY </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> SOMANKO MUKHOPADHYAY <div id="story-author-preview-content-2624609" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/somanko_mukhopadhyay23bc" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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%2F3294386%2F2b717bcf-3b3e-4715-813d-b197dbff6d34.png" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">SOMANKO MUKHOPADHYAY </span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p" class="crayons-story__tertiary fs-xs"><time>Jun 25 '25</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p" id="article-link-2624609"> I built an AI website generator that turns prompts into HTML/CSS in minutes— Here’s how </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--filled " href="/t/discuss"><span class="crayons-tag__prefix">#</span>discuss</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/ai"><span class="crayons-tag__prefix">#</span>ai</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">2<span class="hidden s:inline"> reactions</span></span> </div> </a> <a href="https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments 1<span class="hidden s:inline"> comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> webdev ai react discuss SOMANKO MUKHOPADHYAY Wed, 25 Jun 2025 16:03:31 +0000 https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p https://dev.to/somanko_mukhopadhyay23bc/i-built-an-ai-website-generator-that-turns-prompts-into-htmlcss-in-seconds-heres-how-170p <h2> 🚀 What I built </h2> <p>I recently launched <strong><a href="https://promptey.netlify.app" rel="noopener noreferrer">Prompta</a></strong>, a free AI website builder that turns simple text prompts into fully generated HTML/CSS/JS websites.</p> <h2> 🤖 Why I built it </h2> <p>As a student, I wanted a quick way to generate websites without spending hours on layout, structure, responsiveness, etc.</p> <h2> 🛠️ Stack </h2> <ul> <li>React + Vite</li> <li>Firebase (Auth + Firestore)</li> <li>Razorpay + PayPal for payments</li> <li>APIs from OpenRouter - Clause-3.5-Haiku &amp; DeepSeek V3 (for code generation)</li> </ul> <h2> ⚙️ Features </h2> <ul> <li>Prompt-based website generation</li> <li>Download code as single Html file with integrated css and JS where required</li> <li>Responsive UI preview</li> <li>Affordable pricing for extra features</li> </ul> <h2> 💡 Challenges </h2> <ul> <li>Handling payment verification</li> <li>Making Razorpay and PayPal work together</li> <li>Ensuring clean code previews</li> </ul> <h2> 📣 Try it here </h2> <p>👉 <a href="https://promptey.netlify.app" rel="noopener noreferrer">https://promptey.netlify.app</a></p> <p>I’d love your feedback — especially from fellow devs!</p> webdev ai react discuss