Building a professional portfolio

Portfolio आपकी skills को कागज़ से उठाकर online रख देता है, जहाँ एक recruiter सचमुच click करके, test करके आपके code को चलता हुआ देख सकता है।

11 min read · 10 cards · 2 checks

Read in: English · हिन्दी · ગુજરાતી


Theory

वह code जो किसी को दिखा ही नहीं

Anvi एक off-campus engineering fellowship के लिए apply करती है। उसके resume में लिखा है: 'efficient MySQL schemas और responsive frontends design करने में कुशल।' hiring manager पचास resume पढ़ रहा है जो लगभग एक जैसी ही बात कहते हैं। थोड़ी उत्सुकता पर भरोसा नहीं, वह उसका काम सचमुच देखने के लिए एक link ढूँढता है, और कुछ नहीं मिलता। Anvi के projects सिर्फ़ उसके अपने laptop पर हैं, Surat की lab की logbook में दबे हुए। जब कोई भी वही keywords एक document पर टाइप कर सकता है, तो जो code कोई खोल न सके, वह recruiter के लिए ऐसा है मानो है ही नहीं।

Theory

menu की तस्वीर बनाम असली thali

Resume menu की तस्वीर और उसके नीचे लिखे विवरण जैसा है: वह पढ़ने वाले को बताता है कि आप क्या बना सकते हैं, पर वे कुछ चख नहीं सकते। Portfolio website उन्हें असली thali थमाने जैसा है। जब आप recruiter को अपना portfolio link भेजते हैं, तो वे आपके projects click कर सकते हैं, app खोल सकते हैं, buttons दबा सकते हैं, और आपका काम सचमुच चलता देख सकते हैं। विवरण से ध्यान खिंचता है; उन्हें ख़ुद आज़माने देना ही भरोसा कमाता है।

Theory

बात सीधी-सी

Portfolio एक सरल website है जो आपके सबसे अच्छे projects, skills और background को एक जगह इकट्ठा कर देती है जहाँ recruiter जा सके। एक computing student के लिए यह वह करता है जो resume नहीं कर सकता: सिर्फ़ यह दावा करने के बजाय कि आप चीज़ें बना सकते हैं, यह सीधे आपके live projects, आपके GitHub code, आपके LinkedIn, और यहाँ तक कि किसी professor के reference तक link करता है, एक ही साफ़ page से जिसे वे दो मिनट में देख सकें।

At a glance

सपाट दावों को उन चीज़ों में बदलना जिन्हें recruiter देख और जाँच सके।

आपकी profile का हिस्साResume सिर्फ़ इतना कह सकता हैLive portfolio यह दिखा सकता है
किसी project को साबित करनाएक-line की row: 'एक e-commerce shop के लिए web app बनाया।'एक project card जिसमें चलती हुई app का link और एक साफ़, documented GitHub repo हो।
अपनी skills दिखानाएक सादी list: 'Java, React, SQL'।छोटे project blocks जहाँ पढ़ने वाला सचमुच आपका code काम करता देख सके।
अपने दावों का समर्थन'शानदार worker, मज़बूत सीखने की मानसिकता के साथ।'आपके professor का एक असली quote, उनके signed recommendation letter से जुड़ा।

Follow along

Anvi अपना portfolio कैसे बनाकर publish करती है

  1. अपना सबसे अच्छा काम चुनिए Anvi अपने Semester 2 के database और web lab projects में से गुज़रती है, अपने top 3 चुनती है, और हर repo को एक साफ़ README के साथ सँवारती है जो बताता है कि वह क्या करता है।
  2. एक साफ़ page बनाइए वह एक सरल, responsive single page बनाती है जिसमें चार section हैं: एक छोटा intro, उसकी tech skills, उसके project cards, और उससे संपर्क करने का तरीका।
  3. उसे online डालिए वह site को GitHub पर push करती है और एक free hosting service से जोड़ देती है, जिससे उसे एक असली, public link मिलता है जिसे वह हर application पर लगा सके।

Quiz

Anvi अपनी portfolio site के लिए fonts, animations और colours चुन रही है। tech recruiters के साथ कौन सा तरीका सबसे अच्छा चलता है?

  1. एक साफ़, high-contrast layout जो तेज़ी से load हो, कुछ हल्के hover effects के साथ जो नज़र को सीधे उसके project links तक ले जाएँ।
  2. बीस blinking रंगीन text blocks, background game music, और एक custom animated cursor उसकी creativity दिखाने के लिए।
  3. कोई formatting नहीं, raw HTML और टूटी images, यह साबित करने के लिए कि उसे सिर्फ़ low-level code की परवाह है।
Show the answer

एक साफ़, high-contrast layout जो तेज़ी से load हो, कुछ हल्के hover effects के साथ जो नज़र को सीधे उसके project links तक ले जाएँ।

Recruiters ऐसी site चाहते हैं जो जल्दी load हो, आसानी से पढ़ी जाए, और उन्हें तेज़ी से आपके project links तक ले जाए। भारी animations, background music, और धीमी graphics रास्ते में आती हैं और अव्यवसायिक लगती हैं; एक साफ़, तेज़ page यह संकेत देता है कि आपको पता है क्या मायने रखता है।

Think first

Strategy check: अपने link का नाम रखना

आप Semester 2 में हैं और अभी आपके पास कोई paid domain name नहीं है। अपने free hosting link का नाम कैसा रखें? tap करने से पहले तय कीजिए।

Show the answer

एक free hosting subdomain इस्तेमाल कीजिए और नाम professional रखिए, अपने ही नाम से मिलता। जैसे, anvi-surat.github.io या firstname-lastname.vercel.app। coder-beast-99.net जैसे gaming handles से बचिए, क्योंकि आपका link आपकी professional पहचान का हिस्सा है।

Watch out

टूटे-link वाला जाल

Recruiter का भरोसा खोने का एक तेज़ तरीका है टूटा हुआ portfolio: गायब images, 'coming soon' placeholders, या ऐसे buttons जो error page पर ले जाएँ। अगर वे आपका project click करें और एक ख़ाली repo पर पहुँचें जिसमें कोई file न हो, या बिना किसी explanation के गंदा code, तो वे बाकी page पर भी भरोसा करना छोड़ देते हैं। link share करने से पहले हर link ख़ुद click करके पक्का कर लीजिए कि वह काम करता है।

Theory

जहाँ सब कुछ एक साथ आता है

आपका portfolio वह जगह है जहाँ आपका बाकी सारा काम एक जगह उतरता है: वे project descriptions जो आपने X-Y-Z formula से लिखीं, वह pitch जो आपने interviews के लिए तैयार की, और professor references, सब एक page पर साथ बैठे। यह आपको आपके Semester 3 web deployment labs (BCA206-02) के लिए भी अच्छे से तैयार कर देता है।

Summary

Key takeaways

  • Portfolio आपकी profile को कागज़ पर लिखे दावों से उठाकर ऐसे काम में बदल देता है जिसे recruiter सचमुच खोलकर आज़मा सके।
  • Layout को चार साफ़ section तक रखिए: intro, skills, projects, और contact।
  • हर project के पीछे एक live link और एक साफ़-सुथरा GitHub repo दोनों होने चाहिए।
  • इसे साफ़ और तेज़ रखिए, और पक्का कीजिए कि कोई link टूटा न हो।
  • याद रखने का hook: resume menu की तस्वीर है, portfolio उन्हें thali चखने देता है, अपना काम online डालिए और उसे ख़ुद बोलने दीजिए।

Study this properly

This page is the lesson to read. In Gri-Learn the same topic is a graded deck: the self-checks are scored and your weak topics are tracked. Free to start.

Start this topic

Already have an account? Sign in

More from Application Writing Skills

Gri-Learn · syllabus-mapped B.C.A. lessons in English, Hindi and Gujarati

Building a professional portfolio · Professional Development and Ability Enhancement (AEC-02) · Gri-Learn