Goon48 घंटों में एआई का उपयोग करके एक प्रगतिशील वेब ऐप बनाना
परियोजना का परिचय
फ्रेडरिक, एक पूर्णकालिक फ्रीलांसर, ने 48 घंटों में एआई का उपयोग करके एक प्रगतिशील वेब ऐप बनाने का अनुभव साझा किया है। यह परियोजना Vanilla JavaScript और Firebase Database का उपयोग करके बनाई गई थी। इस लेख में, हम देखेंगे कि फ्रेडरिक ने इस परियोजना को कैसे अपनाया, उन्होंने किन उपकरणों का उपयोग किया, और उन्हें किन चुनौतियों का सामना करना पड़ा।
कोड सीखना और एआई का उपयोग
फ्रेडरिक एक यूज़र एक्सपीरियंस/यूज़र इंटरफेस डिज़ाइनर और वेब डिज़ाइनर है जो कोड सीखना चाहता है। उन्होंने स्क्रिम्बर V2 का चयन किया, जो एक हाथों-हाथ सीखने का अनुभव प्रदान करता है। स्क्रिम्बर V2 के साथ, फ्रेडरिक Vanilla JS में कोड सीखने और Firebase डेटाबेस सेट अप करने में सक्षम था। उन्होंने ऐप बनाने के लिए एआई का उपयोग किया, जिससे उन्हें जल्दी से कोड生成 करने और डिज़ाइन और कार्यक्षमता पर ध्यान केंद्रित करने में मदद मिली।
यह परियोजना का प्रारंभिक स्क्रीनशॉट है
विचार और डिज़ाइन
ऐप के पीछे का विचार फ्रेडरिक और उनके दोस्तों के लिए एक प्लेटफ़ॉर्म बनाना था जो उनके पैडल गेम स्कोर और परिणामों को ट्रैक कर सके। ऐप को Vanilla JS में बनाना था और एक फ़ायरबेस रियलटाइम डेटाबेस का उपयोग करना था। डिज़ाइन फ़िग्मा का उपयोग करके बनाया गया था, और ऐप को कार्यात्मक और उपयोगकर्ता-मित्र बनाना था।
ऐप का निर्माण
फ्रेडरिक ने स्क्रिम्बर V2 का उपयोग करके प्रारंभिक कोड उत्पन्न किया और फिर इसे वीएस कोड में लागू किया। उन्होंने डिज़ाइन और कार्यक्षमता जोड़ी, जिसमें एक होम स्क्रीन, मैच विवरण, और एक प्लेयर प्रोफ़ाइल पेज शामिल था। ऐप में एक प्रशासक डैशबोर्ड भी शामिल था जहां फ्रेडरिक नए मैच जोड़ सकते थे और स्कोर अपडेट कर सकते थे।
यह स्क्रिम्बर V2 और वीएस कोड का स्क्रीनशॉट है
चुनौतियाँ और समाधान
फ्रेडरिक को विकास प्रक्रिया के दौरान कुछ चुनौतियों का सामना करना पड़ा, जिसमें प्लेयर प्रोफ़ाइल पेज को लागू करना और स्टाइलिंग जोड़ना शामिल था। उन्होंने एआई का उपयोग करके कोड उत्पन्न किया और फिर इसे अपनी आवश्यकताओं के अनुसार संशोधित किया। उन्हें कुछ मुद्दों को हल करना पड़ा, लेकिन समग्र रूप से विकास प्रक्रिया अपेक्षाकृत सुचारू थी।
यह प्लेयर प्रोफ़ाइल पेज का स्क्रीनशॉट है
निष्कर्ष और भविष्य की योजनाएं
निष्कर्ष में, फ्रेडरिक ने 48 घंटों में एआई का उपयोग करके एक प्रगतिशील वेब ऐप बनाने में सफलता प्राप्त की। ऐप कार्यात्मक और उपयोगकर्ता-मित्र है, और फ्रेडरिक इसे और बेहतर बनाने की योजना बना रहे हैं। वह दर्शकों से अनुरोध करते हैं कि वे उनके चैनल को पसंद करें और सब्सक्राइब करें और उन्हें बताएं कि वे भविष्य में किस प्रकार की सामग्री देखना चाहेंगे।
