प्रोजेक्ट बनाना

प्रोजेक्ट सेटअप

Click the + नया प्रोजेक्ट बटन पर प्रोजेक्ट डैशबोर्ड से क्लिक करें। पहली स्क्रीन टेक स्टैक चुनने से पहले आपके प्रोजेक्ट की बुनियादी बातें कॉन्फ़िगर करती है।

प्रोजेक्ट नाम

Enter a name for your project. The name is validated in real time — it must be a valid folder name (no special characters like <>:"/\\|?*) and must not conflict with an existing folder at the chosen location.

प्रोजेक्ट स्थान

डिफ़ॉल्ट डायरेक्टरी जहाँ आपका प्रोजेक्ट फ़ोल्डर बनाया जाएगा। अलग डायरेक्टरी चुनने के लिए Browse पर क्लिक करें। प्रोजेक्ट नाम का उपयोग करके प्रोजेक्ट उप-फ़ोल्डर के रूप में बनाया जाता है।

GitHub से लिंक करें

Optionally select a GitHub account to automatically create a remote repository alongside your local project. Choose "None (Don't use GitHub by default)" to skip this.

प्लेटफ़ॉर्म चुनें

आप जिस प्रकार का प्रोजेक्ट बना रहे हैं उसे निर्धारित करने के लिए चार प्लेटफ़ॉर्म टाइलों में से एक चुनें। प्रत्येक प्लेटफ़ॉर्म अगली स्क्रीन पर फ्रेमवर्क और टेक स्टैक विकल्पों का अलग सेट दिखाता है।

ब्लैंक

CLI टूल, स्क्रिप्ट, लाइब्रेरी

डेस्कटॉप

नेटिव डेस्कटॉप ऐप्स

वेब

ब्राउज़र-आधारित ऐप्स

मोबाइल

डिवाइस एप्लिकेशन

बिल्ड प्रकार

प्रोजेक्ट को कैसे इनिशियलाइज़ किया जाना चाहिए चुनें:

फ्रेश इंस्टॉल

मानक फ्रेमवर्क टूलिंग का उपयोग करके एक नया प्रोजेक्ट स्कैफोल्ड करता है। Kaiju Hub AI उपयुक्त CLI कमांड चलाता है (जैसे, npm create vite@latest, cargo init, npx create-tauri-app) और सभी निर्भरताएँ इंस्टॉल करता है।

AI-जनरेटेड

वर्णन करें कि आप क्या बनाना चाहते हैं और AI को पूरा प्रोजेक्ट जनरेट करने दें। आप एक टेक्स्ट विवरण और वैकल्पिक संदर्भ छवियाँ प्रदान करते हैं, फिर AI सभी सोर्स कोड, कॉन्फ़िगरेशन फ़ाइलें, और प्रोजेक्ट संरचना लिखता है।

प्रोजेक्ट सेटअप कॉन्फ़िगर करने के बाद, क्लिक करें टेक स्टैक पर जारी रखें आगे बढ़ने के लिए।

ब्लैंक प्रोजेक्ट

ब्लैंक प्रोजेक्ट CLI टूल, स्क्रिप्ट, स्टैंडअलोन एप्लिकेशन, और भाषा-विशिष्ट स्टार्टर के लिए हैं। अपनी भाषा या रनटाइम चुनें और Kaiju Hub AI एक न्यूनतम प्रोजेक्ट संरचना स्कैफोल्ड करेगा।

भाषा / रनटाइम विकल्प

Empty

Node.js

Python

Rust

C++

Lua

Luau

NestJS

Express

Bun

Deno

कुछ भाषाओं में वर्शन सिलेक्टर शामिल हैं। उदाहरण के लिए, Python चुनने पर वर्शन विकल्प (3.10, 3.11, 3.12, 3.13, 3.14, 3.15) दिखाई देते हैं। चयनित वर्शन निर्धारित करता है कि वर्चुअल एनवायरनमेंट बनाने के लिए कौन सा Python इंटरप्रेटर उपयोग किया जाता है।

डेस्कटॉप प्रोजेक्ट

डेस्कटॉप प्रोजेक्ट नेटिव डेस्कटॉप एप्लिकेशन बनाते हैं। एक डेस्कटॉप फ्रेमवर्क, UI के लिए फ्रंटएंड फ्रेमवर्क, और वैकल्पिक रूप से डेटाबेस चुनें। सभी फ्रंटएंड फ्रेमवर्क TypeScript के साथ पूर्व-कॉन्फ़िगर आते हैं।

डेस्कटॉप फ्रेमवर्क

नेटिव फ्रेमवर्क जो डेस्कटॉप विंडो शेल और सिस्टम-स्तरीय API प्रदान करता है।

Tauri + Rust

Electron

Flutter + Dart

फ्रंटएंड फ्रेमवर्क

UI फ्रेमवर्क जो डेस्कटॉप विंडो के अंदर चलता है। सभी विकल्प TypeScript के साथ पूर्व-कॉन्फ़िगर हैं।

SolidJS

React

Vue

Svelte

Angular

डेटाबेस

स्थानीय या क्लाउड डेटा स्टोरेज के लिए वैकल्पिक डेटाबेस एकीकरण।

Supabase

SQLite

Realm

PostgreSQL

Convex

वेब प्रोजेक्ट

वेब प्रोजेक्ट ब्राउज़र-आधारित एप्लिकेशन बनाते हैं। पहले चुनें केवल फ्रंटएंड या फुल-स्टैक यह निर्धारित करने के लिए कि कौन से फ्रेमवर्क विकल्प उपलब्ध हैं। सभी फ्रेमवर्क में TypeScript डिफ़ॉल्ट रूप से सक्षम है।

केवल फ्रंटएंड

सिंगल-पेज ऐप्स और स्टैटिक साइट्स के लिए स्टैंडअलोन UI फ्रेमवर्क। अपने npm पैकेज जोड़ने के लिए Custom Packages बटन शामिल है।

SolidJS

React

Vue

Svelte

Angular

Preact

फुल-स्टैक

सर्वर-साइड रेंडरिंग और बिल्ट-इन API रूट के साथ पूर्ण वेब फ्रेमवर्क।

SolidStart

Next.js

Nuxt.js

SvelteKit

Fresh

Astro

TanStack Start

WordPress

स्टाइलिंग

Tailwind CSS

डेटाबेस

Supabase

Firebase

Prisma

Convex

मोबाइल प्रोजेक्ट

मोबाइल प्रोजेक्ट iOS और Android के लिए डिवाइस एप्लिकेशन बनाते हैं। एक मोबाइल फ्रेमवर्क, SDK संस्करण, और वैकल्पिक रूप से डेटाबेस चुनें।

मोबाइल फ्रेमवर्क

अपने मोबाइल एप्लिकेशन के लिए फ्रेमवर्क चुनें। कई SDK लक्ष्यों का समर्थन करने वाले फ्रेमवर्क के लिए SDK संस्करण चयनकर्ता प्रकट होता है।

Expo

React Native CLI

Flutter

Ionic

Capacitor

Android Native (Kotlin)

SDK संस्करण

Expo जैसे फ्रेमवर्क के लिए, SDK संस्करण चुनें (जैसे, 52, 53, 54, 55)। यह आधार निर्भरताएँ और API संगतता निर्धारित करता है।

डेटाबेस

आपके मोबाइल ऐप के लिए वैकल्पिक क्लाउड या स्थानीय डेटाबेस।

Supabase

Firebase Firestore

SQLite

Realm

WatermelonDB

फ्रेश इंस्टॉल

जब आप चुनते हैं नई स्थापना बिल्ड प्रकार के रूप में, Kaiju Hub AI मानक फ्रेमवर्क टूलिंग का उपयोग करके आपका प्रोजेक्ट स्कैफोल्ड करता है। अपना टेक स्टैक चुनने के बाद, क्लिक करें प्रोजेक्ट बनाएं और Kaiju Hub AI बाकी संभाल लेगा।

क्या होता है

1. पैकेज मैनेजर का पता लगाएँ

Kaiju Hub AI स्वचालित रूप से पता लगाता है कि आपके सिस्टम पर कौन सा पैकेज मैनेजर इंस्टॉल है (npm, yarn, या pnpm)।

2. स्कैफोल्ड कमांड चलाएँ

आपके चुने हुए स्टैक के लिए उपयुक्त CLI टूल चलाता है। उदाहरण: React के लिए npm create vite@latest, Rust के लिए cargo init, Tauri के लिए npx create-tauri-app।

3. निर्भरताएँ इंस्टॉल करें

सभी आवश्यक निर्भरताओं को डाउनलोड और सेट करने के लिए पैकेज मैनेजर इंस्टॉल कमांड चलाता है।

4. Git इनिशियलाइज़ करें

प्रारंभिक कमिट के साथ स्थानीय Git रिपॉजिटरी सेट करता है।

5. GitHub रिपो बनाएँ

यदि आपने GitHub खाता लिंक किया है, तो स्वचालित रूप से रिमोट रिपॉजिटरी बनाता है और प्रारंभिक कमिट पुश करता है।

निर्माण पूर्ण होने के बाद प्रोजेक्ट आपके प्रोजेक्ट्स डैशबोर्ड में दिखाई देता है, खोलने और कोडिंग शुरू करने के लिए तैयार।

AI-जनरेटेड

जब आप चुनते हैं AI-जनित बिल्ड प्रकार के रूप में, आप वर्णन करते हैं कि आप क्या बनाना चाहते हैं और AI पूरा प्रारंभिक कोडबेस लिखता है। अपना टेक स्टैक चुनने के बाद, क्लिक करें प्रोजेक्ट बनाएं AI जनरेशन स्क्रीन खोलने के लिए।

AI मॉडल चयन

जनरेशन स्क्रीन के शीर्ष पर, AI प्रदाता और मॉडल चुनें। आप किसी भी कॉन्फ़िगर किए गए प्रदाता (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) से चुन सकते हैं और कोड जनरेशन के लिए विशिष्ट मॉडल चुन सकते हैं।

प्रोजेक्ट विवरण

आप क्या बनवाना चाहते हैं उसका विस्तृत विवरण लिखें। आप जितने अधिक विशिष्ट होंगे, परिणाम उतने बेहतर होंगे। मुख्य सुविधाएँ, पेज, UI पैटर्न, और आवश्यक एकीकरण शामिल करें।

अच्छे उदाहरण:

उत्पाद सूची और शॉपिंग कार्ट वाली ई-कॉमर्स वेबसाइट
कानबन बोर्ड वाला कार्य प्रबंधन डैशबोर्ड
उपयोगकर्ता प्रोफ़ाइल और फ़ीड वाला सोशल मीडिया प्लेटफ़ॉर्म
संपर्क प्रबंधन और एनालिटिक्स वाला CRM सिस्टम

Use the AI से बेहतर बनाएं बटन का उपयोग करके अपने विवरण को स्वचालित रूप से अधिक विस्तार से विस्तारित करें। आप माइक्रोफ़ोन आइकन पर मिडल-क्लिक करके वॉइस इनपुट से अपना विवरण बोलकर भी लिख सकते हैं।

साइडबार टैब

बायाँ साइडबार AI के लिए अतिरिक्त संदर्भ प्रदान करता है:

चित्र

AI को दिखाने के लिए संदर्भ छवियाँ, मॉकअप, या स्क्रीनशॉट अपलोड करें कि आप ऐप को कैसा दिखाना चाहते हैं। ड्रैग और ड्रॉप करें, Ctrl+V से पेस्ट करें, या जोड़ने के लिए क्लिक करें। विज़न-सक्षम मॉडल चयनित होना आवश्यक है।

कंपोनेंट

अपनी ब्लॉक लाइब्रेरी से पुन: प्रयोज्य कंपोनेंट संलग्न करें। AI इन्हें जनरेट किए गए प्रोजेक्ट में शामिल करेगा।

फ़ाइलें

संदर्भ फ़ाइलें शामिल करें जिन पर AI को जनरेशन के दौरान विचार करना चाहिए (जैसे, मौजूदा कोड, डिज़ाइन स्पेक, या डेटा स्कीमा)।

जनरेट करें

Click प्रोजेक्ट जनरेट करें AI जनरेशन शुरू करने के लिए ऊपर दाईं ओर क्लिक करें। AI आपके विवरण और संदर्भ सामग्री का विश्लेषण करेगा, आर्किटेक्चर की योजना बनाएगा, फ़ाइल संरचना जनरेट करेगा, और सभी सोर्स कोड और कॉन्फ़िगरेशन फ़ाइलें लिखेगा। प्रगति ग्लोबल टास्क मैनेजर में रीयल टाइम में ट्रैक की जाती है।

काइजू हब एआई में प्रदर्शित सभी तृतीय-पक्ष लोगो, ट्रेडमार्क और ब्रांड नाम उनके संबंधित स्वामियों की संपत्ति हैं। उनका उपयोग केवल पहचान उद्देश्यों के लिए है और इसका तात्पर्य समर्थन, प्रायोजन या संबद्धता नहीं है।