एआई की मदद से काम करने वाला वर्चुअल मेंटर

यह क्या करता है

सुविधाएं

इस प्रोजेक्ट में ये सुविधाएं आज़माएं:

📦 HTML, CSS, JAVASCRIPT, और GEMINI API: बेहतर और इंटरैक्टिव मेंटरशिप टूल बनाने के लिए, इन टेक्नोलॉजी का इस्तेमाल करें.

🧠 एआई से मिलने वाली मेंटरशिप: उपयोगकर्ता के इनपुट के आधार पर, बेहतर और काम की सलाह देने के लिए, Google के जनरेटिव एआई का इस्तेमाल किया जाता है.

💬 उपयोगकर्ता इंटरैक्शन: उपयोगकर्ताओं को टेक्स्ट एरिया की मदद से सवाल या चुनौतियां डालने और उनके हिसाब से सलाह पाने की सुविधा मिलती है.

⏳ लोडिंग इंडिकेटर: उपयोगकर्ता की क्वेरी प्रोसेस करने के दौरान, प्रोग्रेस दिखाने के लिए स्पिनर दिखाता है.

⚠️ गड़बड़ी को मैनेज करना: सलाह जनरेट करने में गड़बड़ी होने पर, गड़बड़ी के मैसेज दिखाता है. साथ ही, गड़बड़ी को डीबग करने के लिए, कंसोल में गड़बड़ी को लॉग करता है.

🖥️ कॉन्टेंट डिसप्ले: जनरेट की गई सलाह को वेबपेज पर सही फ़ॉर्मैट में रेंडर करता है.

📱 रिस्पॉन्सिव डिज़ाइन: यह पक्का करता है कि यूज़र इंटरफ़ेस के एलिमेंट रिस्पॉन्सिव हों और अलग-अलग स्क्रीन साइज़ के हिसाब से अडजस्ट हो सकें.

🎨 डाइनैमिक स्टाइल में बदलाव: फ़ोकस और ब्लर इवेंट पर, इनपुट एलिमेंट का दिखने का तरीका बदलता है.

🔄 इस्तेमाल किए गए एपीआई: सलाह जनरेट करने के लिए, Google Gemini API के साथ इंटिग्रेट करता है.

📁 कोड का स्ट्रक्चर: सलाह जनरेट करने, कॉन्टेंट दिखाने, और गड़बड़ियों को मैनेज करने जैसी अलग-अलग सुविधाओं के लिए, फ़ंक्शन को व्यवस्थित करता है.

✨ मॉडर्न JavaScript के तरीके: असाइनोक्रोनस ऑपरेशन को मैनेज करने के लिए, async/await जैसी मॉडर्न JavaScript सुविधाओं का इस्तेमाल करता है. बेहतर समझ के लिए, टिप्पणियों के साथ साफ़ और पढ़ने लायक कोड बनाता है.

📦 मॉड्यूलर डिज़ाइन: खास टास्क को मैनेज करने के लिए, फ़ंक्शन को लॉजिक के हिसाब से अलग किया जाता है. इससे कोड को मॉड्यूलर और मैनेज करने लायक बनाया जा सकता है.