एआई - इमेज ऐनलिसिस टूल
एआई - Vanilla JavaScript का इस्तेमाल करके इमेज का विश्लेषण करने वाला टूल.
यह क्या करता है
सुविधाएं
इस प्रोजेक्ट में ये सुविधाएं आज़माएं:
📦 एचटीएमएल, सीएसएस, JavaScript, और Google का Gemini API: इमेज का विश्लेषण करने वाला बेहतरीन और इंटरैक्टिव टूल बनाने के लिए, इन टेक्नोलॉजी का इस्तेमाल करें.
🖼️ इमेज अपलोड करना: उपयोगकर्ताओं को विश्लेषण के लिए इमेज अपलोड करने की सुविधा मिलती है.
🔄 एपीआई इंटिग्रेशन: अपलोड की गई इमेज का विश्लेषण करने और अहम जानकारी देने के लिए, Google के Gemini API का इस्तेमाल करता है.
⏳ लोड होने के इंडिकेटर: विश्लेषण के नतीजे के दौरान, लोड होने का प्रोग्रेस-बार दिखाता है.
⚠️ गड़बड़ी को मैनेज करना: इमेज का विश्लेषण न हो पाने पर, गड़बड़ी के मैसेज दिखाता है. डीबग करने के लिए, कंसोल में गड़बड़ियों को लॉग करता है.
🖥️ नतीजा दिखाना: वेबपेज पर, विश्लेषण की गई इमेज के साथ अहम जानकारी रेंडर करता है.
📱 रिस्पॉन्सिव डिज़ाइन: यह पक्का करता है कि यूज़र इंटरफ़ेस के एलिमेंट रिस्पॉन्सिव हों और अलग-अलग स्क्रीन साइज़ के हिसाब से अडजस्ट हो सकें.
🎨 डाइनैमिक स्टाइल में बदलाव: उपयोगकर्ता की कार्रवाइयों के आधार पर, डाइनैमिक स्टाइल में बदलाव करके उपयोगकर्ता के इंटरैक्शन को बेहतर बनाता है.
📁 कोड का स्ट्रक्चर: अलग-अलग फ़ंक्शन के लिए फ़ंक्शन को व्यवस्थित करता है. जैसे, इमेज अपलोड करना, एपीआई इंटिग्रेशन, नतीजा रेंडर करना, और गड़बड़ी को मैनेज करना.
✨ आधुनिक JavaScript के तरीके: असाइनोक्रोनस ऑपरेशन को मैनेज करने के लिए, async/await जैसी आधुनिक JavaScript सुविधाओं का इस्तेमाल करता है. बेहतर तरीके से समझने के लिए, टिप्पणियों के साथ साफ़ और पढ़ने लायक कोड उपलब्ध कराता है.
📦 मॉड्यूलर डिज़ाइन: खास टास्क को मैनेज करने के लिए, फ़ंक्शन को लॉजिक के हिसाब से अलग किया जाता है. इससे कोड को मॉड्यूलर और मैनेज करने लायक बनाया जा सकता है.
इनका इस्तेमाल करके बनाया गया
- वेब/Chrome
टीम
इन्होंने बदलाव किया है
टीम भारद्वाज
शुरू होने का समय
भारत