बधाई हो!

इंस्टॉल किए गए टूल्स

आपके PC पर बना प्रोजेक्ट स्ट्रक्चर

📁 ~/my-first-app/
├── 📂 src/
│   ├── 📂 domain/          ← बिज़नेस लॉजिक
│   │   ├── models/
│   │   └── services/
│   ├── 📂 ports/            ← इंटरफ़ेस डेफ़िनिशन
│   ├── 📂 adapters/         ← बाहरी इंटीग्रेशन
│   │   ├── api/
│   │   └── ui/
│   └── 📂 app/              ← पेज (Next.js)
├── 📄 CLAUDE.md              ← AI आर्किटेक्चर नियम
└── 📄 package.json

Claude Code से पहली बात कहें

एक बार में परफेक्ट न लिखें तो भी ठीक है। बातचीत करते-करते सुधार लीजिए।

मैं एक ___ वेबसाइट बनाना चाहता/चाहती हूँ।

सर्विस कैसी है:
___

मुख्य यूज़र:
___

शुरुआत में ज़रूरी 3 फीचर:
1. ___
2. ___
3. ___

कहाँ से शुरू करूँ?

मैं एक मिलने का दिन तय करने वाली वेबसाइट बनाना चाहता/चाहती हूँ।

सर्विस कैसी है:
दोस्तों के ग्रुप में "कब फ्री हो?" पूछ-पूछकर थक गया/गई हूँ,
एक लिंक शेयर करो और हर कोई अपनी फ्री तारीख पर वोट कर दे।

मुख्य यूज़र:
20-30 साल के वर्किंग लोग। बिना साइन अप के, सिर्फ लिंक से तुरंत इस्तेमाल कर सकें।

शुरुआत में ज़रूरी 3 फीचर:
1. कई तारीखें डालो और लोग जिस दिन फ्री हों उस पर टिक करें
2. बिना साइन अप, बस नाम डालकर तुरंत हिस्सा लें
3. वोटिंग रिज़ल्ट एक ही स्क्रीन पर दिखे

कहाँ से शुरू करूँ?

उसके बाद ऐसे आगे बढ़ें

पहला प्रॉम्प्ट भेजने पर AI कोड बना देगा। उसके बाद छोटे-छोटे मैसेज से बात करते जाएँ।

गलत बोल दिया तो कोई बात नहीं। "पिछला वाला कैंसिल करो और दोबारा करो" कह दीजिए।

डिज़ाइन समझ नहीं आ रहा?

v0.dev v0.dev पर AI से पहले स्क्रीन बनाएँ, फिर अपने प्रोजेक्ट में लाएँ।

1. 1v0.dev पर "लॉगिन पेज बनाओ" जैसे अपनी मनचाही स्क्रीन बताएँ
2. 2पसंद आए तो Download ZIP क्लिक करके डाउनलोड करें
3. 3ज़िप खोलकर ~/my-first-app/ फोल्डर में रखें
4. 4Claude Code को बोलें "इस कोड को मेरे प्रोजेक्ट में लगा दो"