15 मिनट में PRD से Prototype
15 मिनट में PRD से Prototype
PMs specs लिखते हैं। Engineers उन्हें बनाते हैं। इन दोनों के बीच का अंतर हफ्तों की देरी करता है।
क्या हो अगर आप खुद यह अंतर मिटा सकें? इस lesson में आप एक product idea को एक live HTML one-pager में बदलेंगे — एक Product Brief जिसमें requirements, एक UI wireframe sketch, और success metrics होंगे। कोई engineering ticket नहीं चाहिए। Spec नहीं, proof ship करें।
निर्देश
अपने product के नाम के साथ एक <h1> जोड़ें — इसे bold और बड़ा बनाएं
संकेत: कोशिश करें: `<h1 class="text-3xl font-bold text-gray-900 mt-2">आपका Product — छोटा Tagline</h1>`
<ul class="requirements"> जोड़ें जिसमें कम से कम 3 <li> items हों जो बताएं कि product को क्या करना चाहिए
एक <div class="wireframe"> जोड़ें जो UI को sketch करे — UI stages या sections को दर्शाने के लिए रंगीन boxes का उपयोग करें
कम से कम एक success metric जोड़ें — एक number या percentage जो बताए कि "done" कैसा दिखता है। Page पर कहीं "metric" शब्द का उपयोग करें
आपका कोड
इस स्टेप के लिए आप जो बनाना चाहते हैं उसे बताएं और मैं कोड लिख दूंगा — फिर इसे अपने एडिटर में डालने के लिए Apply पर क्लिक करें। यह स्टेप: अपने product के नाम के साथ एक <h1> जोड़ें — इसे bold और बड़ा बनाएं