Skip to content

Create a networking guide for Programmers#1399

Open
chhaviluthra08 wants to merge 15 commits into
Virtual-Coffee:mainfrom
chhaviluthra08:add-networking-guide-hero
Open

Create a networking guide for Programmers#1399
chhaviluthra08 wants to merge 15 commits into
Virtual-Coffee:mainfrom
chhaviluthra08:add-networking-guide-hero

Conversation

@chhaviluthra08
Copy link
Copy Markdown

@chhaviluthra08 chhaviluthra08 commented Sep 27, 2025

Closes #1164

Description

This PR introduces a hero image for the Networking Guide for Programmers page.

Changes made:

  • Added new SVG illustration NetworkingGuide.svg in public/assets/svg/.

  • Updated UndrawIllustration.tsx to include the aspect ratio entry for NetworkingGuide.

  • Updated networking-guide.mdx to render the hero illustration at the top of the page.

Hi @meg-gutshall @BekahHW I would like to know where the changes I've made and this pr is acceptable or not.

Methodology

Why?
The Networking Guide needed a hero illustration for consistency with other developer tips pages and to improve visual appeal.

Code of Conduct

By submitting this pull request, you agree to follow our Code of Conduct

@chhaviluthra08 chhaviluthra08 requested a review from a team as a code owner September 27, 2025 14:24
@netlify
Copy link
Copy Markdown

netlify Bot commented Sep 27, 2025

👷 Deploy Preview for virtual-coffee-io processing.

Name Link
🔨 Latest commit d8b61d6
🔍 Latest deploy log https://app.netlify.com/projects/virtual-coffee-io/deploys/68f905f9101bfc00088dba00

Copy link
Copy Markdown
Contributor

@adiati98 adiati98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @chhaviluthra08,

Thanks for the PR! ✨

There are a couple of things here:

  1. For the SVG, we're using dark pink for all our SVGs. The hex is #e83e8c. So, please change the color of the SVG.

  2. I think what @BekahHW means here that you need to write the content, based on the prompts that she gave. For example:

    Introversion and Networking: Tips for introverted programmers.

    You can write tips for introverted programmers to do networking. You can make this a new subsection. This applies to all points here.

So, the issue #1164 is basically is to create a comprehensive guide of networking for programmers.

Please let us know if you have any questions.

@chhaviluthra08
Copy link
Copy Markdown
Author

Hey @adiati98, I will change the svg right away and update the content.

Copy link
Copy Markdown
Member

@BekahHW BekahHW left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is off to a good start. I'd like to see it developed more. Give tips for accomplishing tasks that you list. Go deeper into what the reader might not know. Look at our existing resources on the site, on https://vc-community-docs.netlify.app/docs/, or on our YouTube channel and add those for more depth.

Looking forward to the updates!

Comment on lines +36 to +38
## Understanding the Networking Landscape

##### Online Communities:
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't skip heading levels. If the one before is an h2 (##), an h3 (###) should follow.

Suggested change
## Understanding the Networking Landscape
##### Online Communities:
## Understanding the Networking Landscape
### Online Communities:


##### Online Communities:

Online communities range from small, focused groups to large, global networks. Each offers unique advantages:
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's worth mentioning how to learn more about virtual communities to see if they're a good fit. Look at their sites, what they do, their code of conduct if they have one, etc.

- Research the event agenda and attendees beforehand to identify who you’d like to connect with.
- Prepare a few talking points or questions to ease introductions.
- Balance listening and sharing — meaningful conversations often lead to follow-up opportunities.
- After the event, follow up with new contacts to strengthen the connection and keep the conversation going.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How will you facilitate follow-up? Will you hand out business cards, connect on LinkedIn? Should you update your site or LI if you're going to refer people there?

@chhaviluthra08
Copy link
Copy Markdown
Author

@BekahHW I will work on these changes and get back to you.

@chhaviluthra08
Copy link
Copy Markdown
Author

@BekahHW I've made a few more changes, kindly check them out and let me know :))

@BekahHW
Copy link
Copy Markdown
Member

BekahHW commented Oct 19, 2025

@chhaviluthra08 I'm still not seeing this comment integrated: #1399 (review)

@chhaviluthra08
Copy link
Copy Markdown
Author

@BekahHW I have expanded it furthur keeping in mind all the changes that were requested.

Copy link
Copy Markdown
Contributor

@adiati98 adiati98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @chhaviluthra08 @BekahHW

I left a couple of comments here. 🙂

Online communities range from small, focused groups to large, global networks. Each offers unique advantages:

- Small groups often provide deeper, more personal interactions and mentorship opportunities. For example, [Virtual Coffee’s Coffee Table Groups](https://vc-community-docs.netlify.app/docs/coffee-table-groups) offer consistent spaces for conversation and accountability.
- Larger communities expose you to diverse perspectives and potential collaborators. Look into open source groups like [EddieHub](https://github.com/EddieHubCommunity) or [MLH](https://mlh.io/).
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

EddieHub Community is closed since last year. You can find Eddie's announcement here: https://x.com/eddiejaoude/status/1843659414185669051.

Therefore, I think it's better to mention other communities that are still active here.

Also, not everyone knows what MLH is. So, let's use the name: Major League Hacking (MLH).

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@chhaviluthra08 do you know any other community than EddieHub? EddieHub Community has been closed since last year, as I mentioned here. I think if folks read this and would love to join this community, they would point to this fact. We might then to update this.

You can mention Virtual Coffee here, as we are global network (developers of all levels from around the world).


Online communities range from small, focused groups to large, global networks. Each offers unique advantages:

- Small groups often provide deeper, more personal interactions and mentorship opportunities. For example, [Virtual Coffee’s Coffee Table Groups](https://vc-community-docs.netlify.app/docs/coffee-table-groups) offer consistent spaces for conversation and accountability.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure if what @BekahHW means here is to mention a community's initiatives like VC's Coffee Table Group or small, focused ccommunities in general, like WriteTech Hub, Testers Connect, etc.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shall i mention both, the community's initiative and focused communities? @adiati98

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@chhaviluthra08 these are only some examples. Feel free to mention other communities in your knowledge. 🙂

@chhaviluthra08
Copy link
Copy Markdown
Author

@BekahHW @adiati98 made a few more changes, kindly check them out and let me know

@chhaviluthra08
Copy link
Copy Markdown
Author

chhaviluthra08 commented Nov 5, 2025

@BekahHW and @adiati98 could either of you please help me out in understanding what more changes need to be made so that I can work on them. I'm a little confused...

@chhaviluthra08
Copy link
Copy Markdown
Author

@BekahHW and @adiati98 could you please elaborate more on the issues that you want me to resolve.

@adiati98
Copy link
Copy Markdown
Contributor

adiati98 commented Jan 8, 2026

Hi @chhaviluthra08,

Sorry for the super late response! I'm quite occupied this week. Let me take a closer look by next week.

Thanks so much for your patience. ✨

Copy link
Copy Markdown
Contributor

@adiati98 adiati98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @chhaviluthra08,

I've left some reviews here for you to address.

My suggestion is please reread your writing as if you need the information from the article and you're reading this article for the first time.

Then, ask yourself:

  • If you learn something new from it
  • Do you get enough info to get you started
  • Are the provided examples accurate (such as whether the communities are exist, the events are related to the topic, no broken links, etc.)
  • What other info that you'd like to see that's not available yet in this article

That way, you can elaborate the prompts given in the issue. Hope this helps! ✨

Online communities range from small, focused groups to large, global networks. Each offers unique advantages:

- Small, focused groups — such as [Virtual Coffee’s Coffee Table Groups](https://vc-community-docs.netlify.app/docs/coffee-table-groups), [WriteTech Hub](#), or [Testers Connect](#) — often provide consistent, supportive spaces for collaboration and growth.
- Larger, open communities like [EddieHub](https://github.com/EddieHubCommunity) or [Major League Hacking](https://mlh.io/) offer opportunities to connect with a wide range of developers globally.
Copy link
Copy Markdown
Contributor

@adiati98 adiati98 Jan 12, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe I've mentioned in #1399 (comment) that EddieHub community is no longer exist. Can you please search for another big, active community as an example?


Online communities range from small, focused groups to large, global networks. Each offers unique advantages:

- Small, focused groups — such as [Virtual Coffee’s Coffee Table Groups](https://vc-community-docs.netlify.app/docs/coffee-table-groups), [WriteTech Hub](#), or [Testers Connect](#) — often provide consistent, supportive spaces for collaboration and growth.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Based on the prompt: - **Online Communities**: Small groups (like VC) to large communities, I believe what @BekahHW meant here is to mention small online communities such as VC. Coffee Table Group is a group within VC, so I don't think it's belong here.
  • Please provide link to the communities.

Comment thread src/content/resources/developer-resources/developer-tips/networking-guide.mdx Outdated

- Small, focused groups — such as [Virtual Coffee’s Coffee Table Groups](https://vc-community-docs.netlify.app/docs/coffee-table-groups), [WriteTech Hub](#), or [Testers Connect](#) — often provide consistent, supportive spaces for collaboration and growth.
- Larger, open communities like [EddieHub](https://github.com/EddieHubCommunity) or [Major League Hacking](https://mlh.io/) offer opportunities to connect with a wide range of developers globally.
- Before joining, spend a little time exploring: read their mission, check out discussions, and see if the tone matches what you’re looking for.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can combine this with the pro tip.

Suggested change
- Before joining, spend a little time exploring: read their mission, check out discussions, and see if the tone matches what you’re looking for.
- Before joining, spend a little time exploring: Visit their site, read their mission and what they do, check out the discussions, and review their Code of Conduct (if they have one). This helps ensure the community aligns with your values, interests, and preferred interaction style.

> 🪄 **Pro Tip:** Start small. Attend a single call, comment on a post, or answer a question. Small acts of engagement build comfort and visibility over time.
> It’s also worth taking time to explore a community before committing. Visit their site, read what they do, and review their code of conduct (if they have one). This helps ensure the space aligns with your values, interests, and preferred interaction style.

### Events, Meetups, and Conferences:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's remove the punctuation because this is a title.

Suggested change
### Events, Meetups, and Conferences:
### Events, Meetups, and Conferences


- Share updates about your projects, achievements, and learning journey.
- Engage meaningfully with others’ posts through comments or thoughtful questions.
- Join spaces like Virtual Coffee, Dev.to, or Hashnode if you enjoy written discussions, or Discord/Slack groups like EddieHub for real-time chat. These are great entry points for early-career devs.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think this reflects social media networking. You might want to find another example of engaging on social media.


## Overcoming Challenges

### Introversion and Networking:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Introversion and Networking:
### Introversion and Networking

- **Prepare gentle openers** — questions like _“What project are you working on?”_ can spark meaningful conversations.
- **Follow up 1:1** — introverts often shine in direct, personal exchanges.

### Diversity in Networking:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Diversity in Networking:
### Diversity in Networking

Comment on lines +166 to +167

### To recap:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we can remove this.

Suggested change
### To recap:


## Conclusion

Successful networking in the tech world is less about quantity and more about building authentic, lasting relationships.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Successful networking in the tech world is less about quantity and more about building authentic, lasting relationships.
Successful networking in the tech world is less about quantity and more about building authentic, lasting relationships. To achive that, you want to:

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 24, 2026

👷 Deploy Preview for virtual-coffee-io processing.

Name Link
🔨 Latest commit d22eded
🔍 Latest deploy log https://app.netlify.com/projects/virtual-coffee-io/deploys/6974d07a34ffe200074c6365

@chhaviluthra08
Copy link
Copy Markdown
Author

I have made the necessary changes, please review them :)

@chhaviluthra08
Copy link
Copy Markdown
Author

Hi @adiati98 and @BekahHW could you please pin point as to what other changes are needed to be made.

Co-authored-by: Ayu Adiati <45172775+adiati98@users.noreply.github.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 19, 2026

👷 Deploy Preview for virtual-coffee-io processing.

Name Link
🔨 Latest commit bb0e926
🔍 Latest deploy log https://app.netlify.com/projects/virtual-coffee-io/deploys/69bc444af4224200082153b0


## Introduction

Networking is often portrayed as crowded meetups, constant small talk, or extroverted energy—which can feel intimidating if you’re introverted. But being introverted doesn’t mean you can’t build strong professional connections. It just means you might approach it differently.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I feel a bit like this is a "Networking Guide for Introverts." I think that's ok if we take it in that direction, but it needs to be clear from the title.


Professional gatherings remain one of the most powerful ways to expand your network.

- Research the event agenda and attendees. For example, Attendees might be technical writers, or the event might be related to technical writing. If you're someone interested in technical writing, you might have a chance to connect with technical writers.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Research the event agenda and attendees. For example, Attendees might be technical writers, or the event might be related to technical writing. If you're someone interested in technical writing, you might have a chance to connect with technical writers.
- Research the event agenda and attendees. For example, attendees might be for technical writers, so if you're someone interested in technical writing, this is an opportunity to ask questions, learn, and make valuable connections.

- End with an opening for the other person to respond, such as a question.
- For example: “Hi, I’m a frontend developer currently working with React and accessibility-focused UI. I’ve been enjoying contributing to open source communities and learning how to build more inclusive user experiences. What kind of projects are you working on right now?”

### Active Listening
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

never split the difference is a great resource to recommend here.

- Send a brief note within 24–48 hours of meeting.
- Here's an
example:
“Hi [Name], it was great talking about open source at [event]! Your perspective on [subject] was exactly what I needed to hear. You mentioned a specific repo/article that goes deeper into this. Would you mind sharing that link? I’d also love to keep the conversation going over coffee chat sometime. Are you open to a 30-minute chat next week?”
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
“Hi [Name], it was great talking about open source at [event]! Your perspective on [subject] was exactly what I needed to hear. You mentioned a specific repo/article that goes deeper into this. Would you mind sharing that link? I’d also love to keep the conversation going over coffee chat sometime. Are you open to a 30-minute chat next week?”
“Hi {Name}, it was great talking about open source at {event}! Your perspective on {subject} was exactly what I needed to hear. You mentioned {a specific repo/article} that goes deeper into this. Would you mind sharing that link? I’d also love to keep the conversation going over coffee chat sometime. Are you open to a 30-minute chat next week?”


- Offer introductions when you can (“You two both work in data visualization — you should connect!”).
- Share what you’re learning. A short blog post or GitHub repo link can help others while building your reputation.
- Celebrate their wins publicly — a small “Congrats!” comment goes a long way.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Celebrate their wins publicly — a small “Congrats!” comment goes a long way.
- Celebrate your network's wins publicly. A small “Congrats!” comment goes a long way.

- Share what you’re learning. A short blog post or GitHub repo link can help others while building your reputation.
- Celebrate their wins publicly — a small “Congrats!” comment goes a long way.

> 🌱 **Bonus:** If you enjoy sharing knowledge, consider contributing to [Virtual Coffee’s Community Writer program](https://vc-community-docs.netlify.app/docs/community-writer) to help others while expanding your network.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is not a thing, but I always hoped it would be lol

- Mention specific takeaways so your note feels genuine.
- Share your portfolio or GitHub link if relevant, but make sure it reflects your current work.

> 🎥 **Try this:** Attend interactive events such as Coffees (https://vc-community-docs.netlify.app/docs/coffees/) and joining Coffee Table Groups (https://vc-community-docs.netlify.app/docs/coffee-table-groups/). It’s an easy way to meet devs and start conversations online.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of linking to the community docs, let's link to the virtualcoffee.io site pages for these.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Create a Networking Guide for Programmers

3 participants