सॉफ्टवेयर और फुल स्टैक वेब डेवलपर। विवरण के प्रति जुनून के साथ शाश्वत शिक्षार्थी। समस्याओं को बनाने और हल करने में विशेषज्ञ। ⚡

📍 Málaga, España
Málaga

Andalucía

📍 मालागा, स्पेन

कौशल

ये वे तकनीकें हैं जिनका मैं सबसे अधिक उपयोग करता हूं, हालांकि मैंने कई अन्य के साथ भी काम किया है।

कार्य अनुभव

  1. Experto Digital® में सॉफ्टवेयर डेवलपर

    व्यवसाय और ई-कॉमर्स के लिए WordPress पारिस्थितिकी तंत्र (Elementor Pro, WooCommerce) का उपयोग करके पूर्ण वेब समाधान का डिजाइन और निर्माण। सामग्री वास्तुकला, आकर्षक इंटरफेस, तकनीकी गति सुधार और SEO स्थिति पर ध्यान केंद्रित करना।

  2. Dimap® में सॉफ्टवेयर डेवलपर और फ्रंट-एंड डेवलपर

    DIMAP के मुख्य प्लेटफॉर्म का विकास और रखरखाव, साथ ही GM और CEJ अकादमी जैसे ग्राहकों के लिए परियोजनाएं। वर्तमान फ्रंट-एंड विकास प्रौद्योगिकियों का उपयोग करते हुए उपयोगकर्ता अनुभव, प्रदर्शन और स्केलेबिलिटी पर ध्यान केंद्रित करते हुए आधुनिक और अनुकूलित इंटरफेस का कार्यान्वयन।

  3. Gubb Marketing® में सॉफ्टवेयर डेवलपर

    सॉफ्टवेयर विकास और वेब अनुप्रयोग।

  4. Agrooe® और Gubb Marketing® के लिए Agrooe-Cashback का विकास

    Agrooe® कंपनी के लिए कैशबैक प्रणाली के प्रशासन पर केंद्रित वेब एप्लिकेशन का शून्य से विकास। डेटाबेस, बैकएंड और वेब एप्लिकेशन के फ्रंटएंड का विकास।

प्रोजेक्ट्स

GM Microcementos Website

GM Microcementos Website

GM Microcementos के लिए कॉर्पोरेट वेब प्लेटफॉर्म का पूर्ण विकास, जो एक माइक्रोसीमेंट एप्लिकेशन में विशेषज्ञ कंपनी है। 15 ऑप्टिमाइज्ड पेजों के साथ प्रोफेशनल वेबसाइट, जो परफॉर्मेंस, SEO और बेहतरीन यूजर एक्सपीरियंस पर केंद्रित है। बजट कैलकुलेटर, फिल्टर करने योग्य प्रोजेक्ट गैलरी, एडवांस फॉर्म और मिनिमलिस्ट डिजाइन सिस्टम शामिल है। 100+ पुन: उपयोग योग्य कॉम्पोनेंट्स और Core Web Vitals ऑप्टिमाइजेशन के साथ मॉड्यूलर आर्किटेक्चर।

Academia CEJ Website

Academia CEJ Website

Academia CEJ के लिए वेब प्लेटफॉर्म, जो मालागा में न्याय प्रतियोगिता परीक्षाओं में विशेषज्ञ है। ब्लॉग, वर्चुअल कैंपस, ज्ञान परीक्षण सिस्टम, पंजीकरण सिस्टम और कोर्स प्रबंधन के साथ पूर्ण रूप से रेस्पॉन्सिव वेबसाइट। Next.js 14, React 18, Tailwind CSS, Framer Motion और Docker से विकसित।

DIMAP वेबसाइट

DIMAP वेबसाइट

Dimap की कॉर्पोरेट वेबसाइट का विकास, जो Next.js 15, React 19, Redux Toolkit और TailwindCSS पर आधारित एक आधुनिक एप्लिकेशन है। यह बेहतर प्रदर्शन और सहज अनुभव प्रदान करने पर केंद्रित है। प्रोजेक्ट में सेवाओं के पृष्ठ, ब्लॉग, कॉर्पोरेट सेक्शन और लीड ट्रैकिंग वाले फ़ॉर्म शामिल हैं, और इसे SSG, Lazy Loading और ClientLoader द्वारा अत्यधिक अनुकूलित लोडिंग के साथ मॉड्यूलर आर्किटेक्चर पर बनाया गया है।

Agrooe Cashback

Agrooe Cashback

इस परियोजना में, मैंने गुणवत्तापूर्ण उत्पाद बेचने और स्थानीय वाणिज्य का समर्थन करने पर केंद्रित एक मंच बनाने के लिए एक टीम के साथ काम किया।.

DevCrate

DevCrate

DevCrate डेवलपमेंट संसाधन खोजने के लिए एक प्लेटफ़ॉर्म है (टूल्स, लाइब्रेरीज़, एसेट्स, डॉक्यूमेंटेशन और चुनौतियाँ)। क्या आपके साथ भी ऐसा हुआ है कि आपको अपने प्रोजेक्ट के लिए कोई संसाधन चाहिए था, या बस प्रेरणा चाहिए थी, और आप अनगिनत पेजों में भटकते रह गए? इसी वजह से मैंने यह प्लेटफ़ॉर्म बनाया: वर्षों में खोजे गए संसाधनों को व्यवस्थित रखने, उन्हें खोने से बचाने, और बिखरे हुए बुकमार्क्स पर निर्भर हुए बिना जल्दी से ढूँढ पाने के लिए। इसमें एडवांस सर्च, टैग-आधारित फ़िल्टर्स और पूरे कंटेंट को मैनेज करने के लिए एक एडमिन क्षेत्र शामिल है। इसमें कम्युनिटी सुझावों की सुविधा भी है ताकि उपयोगी टूल्स लगातार जोड़े जा सकें। यह Next.js, React, TypeScript और MongoDB के साथ बनाया गया है, सुरक्षित ऑथेंटिकेशन और shadcn/ui पर आधारित आधुनिक इंटरफ़ेस के साथ।

AirPods Pro 2 वेबसाइट क्लोन

AirPods Pro 2 वेबसाइट क्लोन

Apple के AirPods Pro 2 के आधिकारिक हीरो सेक्शन का पुनर्निर्माण, जिसमें GSAP और ScrollTrigger के साथ उन्नत एनीमेशन में महारत पर ध्यान दिया गया है। मैंने 65-फ्रेम की Canvas रेंडर की गई सीक्वेंस को स्क्रॉल के साथ सिंक किया, साथ ही स्मूथ ट्रांज़िशन्स, डायनेमिक नेविगेशन और Apple की मूल शैली से प्रेरित विज़ुअल इफेक्ट्स लागू किए। यह प्रोजेक्ट उच्च-प्रदर्शन वेब एनीमेशन को बेहतर बनाने पर केंद्रित है।

प्रमाण पत्र

फुल स्टैक वेब डेवलपर प्रमाणन

फुल स्टैक वेब डेवलपर प्रमाणन

फुल स्टैक वेब डेवलपमेंट में प्रशिक्षण, जिसमें HTML, CSS और React के साथ इंटरफेस निर्माण, Node.js, MongoDB के साथ बैकएंड विकास, डेटाबेस प्रबंधन और अन्य कई तकनीकों के साथ DevOps टूल्स के साथ तैनाती शामिल है।

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

इस कोर्स में मैंने JavaScript (ES2023 और ES2024) की नवीनतम विशेषताओं को सीखा, जिसमें सरणियों, वस्तुओं और सेटों के लिए नए तरीके, साथ ही वादों और तार्किक ऑपरेटरों को संभालने में सुधार शामिल हैं। मैंने आधुनिक परियोजनाओं में भाषा की नवीनतम विशेषताओं को लागू करते हुए कोड को अनुकूलित और अधिक पठनीय बनाने के लिए तकनीकें भी प्राप्त कीं।

Claude Code: एक अत्यधिक एजेंटिक कोडिंग सहायक

Claude Code: एक अत्यधिक एजेंटिक कोडिंग सहायक

इस कोर्स में मैंने Claude Code, एक उच्च स्तर की स्वायत्तता वाले कोडिंग सहायक का उपयोग करने में गहराई से अध्ययन किया, जटिल परियोजनाओं के साथ कुशलता से काम करने के लिए सर्वोत्तम प्रथाओं को सीखा। मैंने Claude को स्पष्ट संदर्भ प्रदान करने, कई समानांतर उदाहरणों का समन्वय करने, MCP सर्वर और GitHub को एकीकृत करने, और इसकी योजना, स्मृति और समानांतर सत्र कार्यों को लागू करने की समीक्षा की। कोर्स में RAG चैटबॉट, Jupyter में डेटा विश्लेषण और Figma से दृश्य इंटरफेस बनाने जैसे व्यावहारिक उदाहरण शामिल थे, जो Claude Code के साथ विकास कार्यप्रवाह को अनुकूलित, रिफैक्टर और स्वचालित करने का तरीका दिखाते हैं।

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

इस कोर्स में मैंने Anthropic के AI Fluency Framework & Foundations को गहराई से समझा, जिसे अकादमिक विशेषज्ञों के साथ मिलकर प्रभावी, कुशल, नैतिक और सुरक्षित human-AI सहयोग सिखाने के लिए विकसित किया गया है। मैंने तकनीकी, रचनात्मक, शैक्षिक और व्यवसायिक संदर्भों में लागू होने वाला बहुविषयक दृष्टिकोण सीखा और framework की चार प्रमुख क्षमताओं को समझा: Delegation, Description, Discernment और Diligence। मैंने यह भी सीखा कि इन आधारों को वास्तविक वर्कफ़्लो में कैसे लागू किया जाए ताकि बेहतर निर्णय लिए जा सकें और Claude जैसे टूल्स का अधिक जिम्मेदारी और विवेक के साथ उपयोग हो।

Claude Code in Action

Claude Code in Action

इस कोर्स में मैंने वास्तविक सॉफ़्टवेयर डेवलपमेंट कार्यों के लिए Claude Code का उपयोग गहराई से सीखा, साथ ही AI कोडिंग असिस्टेंट्स की आर्किटेक्चर और इंटीग्रेटेड टूल्स के माध्यम से कोडबेस के साथ उनकी इंटरैक्शन को समझा। मैंने प्रभावी कॉन्टेक्स्ट मैनेजमेंट, जटिल वर्कफ़्लो के लिए कई टूल्स का संयोजन, पुन: उपयोग योग्य ऑटोमेशन बनाना और MCP servers से क्षमताएँ बढ़ाना सीखा। साथ ही GitHub इंटीग्रेशन, कोड रिव्यू और टीम सहयोग पर काम किया, तथा तकनीकी चुनौती की जटिलता के अनुसार प्लानिंग और रीजनिंग मोड लागू किए।

Building with the Claude API

Building with the Claude API

डेवलपर्स के लिए यह प्रैक्टिकल कोर्स Anthropic API के जरिए Claude को एप्लिकेशनों में इंटीग्रेट करने पर केंद्रित है। इसमें ऑथेंटिकेशन और रिक्वेस्ट कॉन्फ़िगरेशन, मल्टी-टर्न बातचीत, सिस्टम प्रॉम्प्ट्स, स्ट्रक्चर्ड आउटपुट, टूल यूज़, RAG आर्किटेक्चर (चंकिंग, एम्बेडिंग्स और कॉन्टेक्स्चुअल रिट्रीवल), मल्टीमॉडल क्षमताएं (टेक्स्ट, इमेज और PDF), प्रॉम्प्ट कैशिंग, MCP इंटीग्रेशन और Claude Code वर्कफ़्लोज़ शामिल हैं।

मुझे थोड़ा और जानें

नमस्ते! मैं फ्रान हूं सॉफ्टवेयर डेवलपर | फ्रंट-एंड और फुल स्टैक

मेरे पास वेब तकनीकों की विस्तृत विविधता के साथ काम करने का अनुभव है। फिर भी, मेरी विशेषता और मुख्य फोकस फ्रंट-एंड विकास पर है।

बहुत कम उम्र से मैं कंप्यूटर और मोबाइल उपकरणों के साथ खोज और प्रयोग कर रहा हूं, उनके सॉफ्टवेयर और हार्डवेयर दोनों स्तरों पर काम करने की जांच कर रहा हूं। वर्षों में मैंने "छेड़छाड़" करके और स्वयं समस्याओं को हल करके बहुत कुछ सीखा है, एक अनुभव जिसने मेरी जिज्ञासा और तकनीकी कौशल को मजबूत किया है।