एआई - इमेज का विश्लेषण करने वाला टूल

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

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