एचटीएमएल, सीएसएस और जावास्क्रिप्ट परियोजनाओं के मेरे संग्रह में आपका स्वागत है! यह ब्लॉग पोस्ट वेब विकास के विभिन्न पहलुओं को प्रदर्शित करते हुए मेरे द्वारा बनाई गई विभिन्न परियोजनाओं का एक व्यापक अवलोकन प्रदान करता है। प्रत्येक प्रोजेक्ट अपने स्वयं के भंडार में उपलब्ध है, जिसमें वे सभी कोड शामिल हैं जिन्हें आपको तलाशने और सीखने की आवश्यकता होगी।

विषयसूची

• परिचय
• प्रोजेक्ट अवलोकन
• शुरू करना
• योगदान
• लेखक

परिचय

एक वेब डेवलपर के रूप में, मुझे विभिन्न परियोजनाओं पर काम करने में आनंद आता है जो HTML, CSS और JavaScript में मेरे कौशल को निखारने में मेरी मदद करते हैं। सरल कैलकुलेटर से लेकर अधिक जटिल अनुप्रयोगों तक, ये परियोजनाएं वेब विकास में विभिन्न तकनीकों और सर्वोत्तम प्रथाओं का प्रदर्शन करती हैं। नीचे, आपको परियोजनाओं की एक क्यूरेटेड सूची मिलेगी, प्रत्येक से संबंधित GitHub रिपॉजिटरी का लिंक होगा।

परियोजना अवलोकन

यहां उन परियोजनाओं का सारांश दिया गया है जिन पर मैंने काम किया है:

1. अभी की खबरें

   • एक समाचार एप्लिकेशन जो नवीनतम सुर्खियों को एकत्रित और प्रदर्शित करता है।
   • कोड देखें

2. सलाह जनरेटर

   • उपयोगकर्ताओं को उपयोगी टिप्स प्रदान करने के लिए यादृच्छिक सलाह उत्पन्न करता है।
   • कोड देखें

3. आयु कैलकुलेटर

   • जन्मतिथि इनपुट के आधार पर आयु की गणना करने के लिए एक उपकरण।
   • कोड देखें

4. अनुरूप घड़ी

   • जावास्क्रिप्ट का उपयोग करके एक कार्यात्मक एनालॉग घड़ी प्रदर्शित करता है।
   • कोड देखें

5. अनुच्छेद कार्ड

   • लेख प्रदर्शित करने के लिए एक शैलीबद्ध कार्ड घटक।
   • कोड देखें

6. बीएमआई कैलकुलेटर

   • उपयोगकर्ता इनपुट के आधार पर बॉडी मास इंडेक्स की गणना करता है।
   • कोड देखें

7. उल्टी गिनती करने वाली घड़ी

   • एक टाइमर जो एक निर्दिष्ट दिनांक और समय की उलटी गिनती करता है।
   • कोड देखें

8. पासा रोल सिम्युलेटर

   • एक यादृच्छिक संख्या जनरेटर के साथ पासा पलटने का अनुकरण करता है।
   • कोड देखें

9. ड्रम किट

   • एक वर्चुअल ड्रम किट जो उपयोगकर्ताओं को विभिन्न ड्रम ध्वनियाँ बजाने की अनुमति देता है।
   • कोड देखें

10. अक्सर पूछे जाने वाले प्रश्न अकॉर्डियन

    • वेबसाइटों के लिए एक अकॉर्डियन-शैली FAQ अनुभाग।
    • कोड देखें

11. फ्लिप सिक्का

    • एक साधारण सिक्का फ्लिप सिमुलेशन।
    • कोड देखें

12. दिन पर ध्यान दें

    • एक केंद्रित यूआई के साथ उपयोगकर्ताओं को दैनिक कार्यों पर ध्यान केंद्रित करने में मदद करता है।
    • कोड देखें

13. फूडी हैमबर्गर

    • भोजन-संबंधित वेबसाइटों के लिए एक स्टाइलिश हैमबर्गर मेनू।
    • कोड देखें

14. ऋण कैलकुलेटर

    • उपयोगकर्ता इनपुट के आधार पर ऋण चुकौती की गणना करता है।
    • कोड देखें

15. लॉगिन फॉर्म

    • फॉर्म सत्यापन के साथ एक बुनियादी लॉगिन फॉर्म।
    • कोड देखें

16. माह कैलेंडर

    • किसी भी महीने के लिए एक कैलेंडर प्रदर्शित करता है।
    • कोड देखें

17. बंधक कैलकुलेटर

    • विभिन्न इनपुट के आधार पर बंधक भुगतान की गणना करता है।
    • कोड देखें

18. समाचार मुखपृष्ठ

    • एक समाचार वेबसाइट के लिए एक मुखपृष्ठ लेआउट।
    • कोड देखें

19. न्यूज़लेटर साइनअप फॉर्म

    • उपयोगकर्ताओं के लिए न्यूज़लेटर्स की सदस्यता लेने के लिए एक फॉर्म।
    • कोड देखें

20. पासवर्ड जनरेटर

    • अनुकूलन योग्य विकल्पों के साथ सुरक्षित पासवर्ड उत्पन्न करता है।
    • कोड देखें

21. पोमोडोरो टाइमर

    • पोमोडोरो तकनीक का उपयोग करके उत्पादकता में मदद करने के लिए एक टाइमर।
    • कोड देखें

22. प्रोफ़ाइल कार्ड

    • उपयोगकर्ता प्रोफ़ाइल प्रदर्शित करने के लिए एक कार्ड घटक।
    • कोड देखें

23. क्यूआर कोड जेनरेटर

    • उपयोगकर्ता इनपुट के आधार पर क्यूआर कोड उत्पन्न करता है।
    • कोड देखें

24. रॉक पेपर कैंची

    • रॉक पेपर सीज़र्स का एक खेल जावास्क्रिप्ट में लागू किया गया।
    • कोड देखें

25. सरल कैलकुलेटर

    • अंकगणितीय परिचालन करने के लिए एक बुनियादी कैलकुलेटर।
    • कोड देखें

26. स्नीकर्स ईकॉमर्स

    • उत्पाद सूची के साथ स्नीकर्स के लिए एक ई-कॉमर्स पेज।
    • कोड देखें

27. तापमान कनवर्टर

    • तापमान को सेल्सियस, फ़ारेनहाइट और केल्विन के बीच परिवर्तित करता है।
    • कोड देखें

28. प्रशंसापत्र स्लाइडर

    • उपयोगकर्ता प्रशंसापत्र प्रदर्शित करने के लिए एक स्लाइडर घटक।
    • कोड देखें

29. टेक्स्ट टू स्पीच जेनरेटर

    • वेब स्पीच एपीआई का उपयोग करके टेक्स्ट इनपुट को बोले गए शब्दों में परिवर्तित करता है।
    • कोड देखें

30. टिक टीएसी को पैर की अंगुली

    • जावास्क्रिप्ट में लागू एक क्लासिक टिक-टैक-टो गेम।
    • कोड देखें

31. टिप कैलकुलेटर

    • बिल और टिप प्रतिशत के आधार पर टिप राशि की गणना करता है।
    • कोड देखें

32

। करने के लिए सूची
- कार्यों के प्रबंधन के लिए एक सरल कार्य सूची एप्लिकेशन।
- कोड देखें

1. वजन परिवर्तक
   • विभिन्न इकाइयों के बीच वजन परिवर्तित करता है।
   • कोड देखें

शुरू करना

इनमें से किसी भी प्रोजेक्ट को स्थानीय स्तर पर क्लोन करने और चलाने के लिए, इन चरणों का पालन करें:

1. रिपॉजिटरी को क्लोन करें:

   git clone https://github.com/abhishekgurjar-in/html-css-javascript-projects.git

1. प्रोजेक्ट निर्देशिका पर नेविगेट करें:

   cd 

1. प्रोजेक्ट को अपने ब्राउज़र में खोलें: प्रोजेक्ट को क्रियाशील देखने के लिए अपने ब्राउज़र में Index.html फ़ाइल खोलें।

योगदान

यदि आप इनमें से किसी भी परियोजना में योगदान देना चाहते हैं, तो कृपया इन दिशानिर्देशों का पालन करें:

1. भंडार को फोर्क करें।
2. अपने परिवर्तनों के लिए एक नई शाखा बनाएं।
3. अपने परिवर्तन प्रतिबद्ध करें और उन्हें अपने फोर्कड रिपॉजिटरी में धकेलें।
4. अपने परिवर्तनों के विवरण के साथ एक पुल अनुरोध बनाएं।

लेखक

अभिषेक गुर्जर