My experience as an MLH Fellow of Class 0
Tags: javascript, mlhgrad, career, opensource
Published: 2020-08-21 11:53:25

A few months ago, COVID-19 began to take a grip on life and the UK entered full lockdown. Just as I began to lose hope of finding a tech internship this Summer, I received DEV's weekly newsletter linking to [a post announcing their involvement with the MLH Fellowship](https://dev.to/devteam/dev-is-participating-in-the-mlh-fellowship-powered-by-github-5afk):

[![DEV newsletter: "Are you using WiFi or Ethernet right now?"](https://dev-to-uploads.s3.amazonaws.com/i/men0dyyh7n0e58p89uyc.png)](https://dev.to/devteam/dev-is-participating-in-the-mlh-fellowship-powered-by-github-5afk)

It sparked my interest as I noticed that the Fellowship was all about open source code. Being a [maintainer of another open source project](https://github.com/soscripted/sox/), I was aware of the importance of open source contributions but never had the time or courage (after all, it is quite scary) to do it myself. This seemed like an ideal way to start!

**I applied _immediately_.**

I'm incredibly grateful to have been selected amongst almost 20,000 global applications and to have had the opportunity to meet people from around the world whilst levelling up my technical skills!

In this post, I go through:

- [What is the MLH Fellowship?](#what-is-mlh-fellowship)
- [The first week!](#first-week)
- [The Hackathons 🥳](#hackathons)
- [The main Fellowship: Webaverse](#webaverse)
- [What did I learn?](#learnings)
- [Shoutouts 😍](#shoutouts)

## ❓ What is the MLH Fellowship? <a name="what-is-mlh-fellowship"></a>

The [MLH Fellowship](https://fellowship.mlh.io/) is a 12-week internship for aspiring software engineers created because of the lack of job opportunities across the world due to the pandemic.

The 3-stage application process was fairly simple:

1. **Written application**: A form centered around your skills, interests and reasons for applying to be an MLH fellow.
2. **Screening interview**: A 10 minute video call chatting about the information you provided earlier.
3. **Technical interview**: Another short video call walking through some open source code you've written in the past whilst screen sharing. You can choose how you want to go through your code, but don't worry if you can't go through all of it.

If you're offered a place, congratulations! You are then placed into "Pods" of ~10 students and a full-time industry mentor to support you and help develop your skills (ranging from technical to entrepreneurial!) -- just one of the unique features of the Fellowship.

I was in [Pod 0.2.1 -- the **Distributed Dodos**](https://github.com/orgs/MLH-Fellowship/teams/pod-0-2-1) where I came to know 10 awesome Fellows from around the world, each with a unique background that made the Fellowship an enriching experience. Our Pod focused on projects involving JavaScript but we weren't limited to this -- one of [the issues I worked on](https://github.com/webaverse/qrvr/pull/3) in my project used C++!

Despite it being virtual, you get plenty of opportunities to interact with your Pod and Mentor through daily meetings:

- Three ~30 minute standups to update your Pod on your progress and get help with any blockers you might be facing.
- One ~60 minute retrospective, where you highlight your "red" (bad), "yellow" (not so well) and "green" (good) areas of the week. These give you that boost of encouragement, support and appreciation you might need as everyone is there to listen and help, without judgement or blame!
- One ~60 minute show-and-tell where either a Fellow from your Pod or your mentor showcases something they've created or are passionate about. I found it really interesting to learn about my Podmates' side projects, businesses and startups!

## 1️⃣ The first week <a name="first-week"></a>

A concern I had was how isolated I might feel working full-time and remotely for the first time, but the MLH team have worked tirelessly to plan a fun and engaging Fellowship!

In the first few days, I was introduced to my Pod and Podmates through various Zoom meetings and was added to the Fellowship Discord server, which has helped make everyone feel at home throughout the program. The server had channels for a multitude of topics to encourage fruitful discussions and if one wasn't there, the MLH team would happily add it.

![The MLH Fellowship Discord Server](https://dev-to-uploads.s3.amazonaws.com/i/ubb90upd30j88hjp9pe0.png)

We scheduled 1-on-1's with our Podmates after the first introductory Zoom meeting. These helped me feel much more comfortable about working in the Fellowship for 12 more weeks; I really recommend making use of 1-on-1's to get to know people remotely!

## 🥳 Hackathons (week 1 & 7) <a name="hackathons"></a>

Personally, I _love_ hackathons -- and for a program organised _by MLH_, the hackathons were no surprise.

The Fellowship had **two** hackathons: at the beginning (3 days) and the middle (5 days). Having attended just under 10 hackathons, these were the longest I've ever been to (most span just one weekend). I was amazed by how much more we accomplished with just a few more days, and this made them my favourite by far!

Of course, the success (we won in both! 🎉) and enjoyment of these hackathons wouldn't have been possible without my amazing teammates: [Iván Ovejero](https://ivov.dev/) and [Kenneth Aladi](https://github.com/kendevops) -- the most passionate, talented, and dedicated hackathon partners I could have asked for 😍!

During both hackathons, I learnt _so much_. I was the main backend developer in my team, and I used AWS Amplify and AWS services (Lambdas, API Gateway, DynamoDB, CloudWatch, EC2) for the first time ever. Previously, AWS intimidated me as it seemed like a massive service that would be too difficult to jump into myself -- but knowing I had the support of my teammates and mentor, I was able to try it and came out much more confident! I also learnt more about React state management, how to make Discord bots, how to deploy to Heroku, how to use GitHub effectively, and so much more!

### Orientation Hackathon (week 1): FellowBook (2nd place!)

In the first hackathon, we came **2nd place** out of over 30 global teams (~115 Fellows). We created [FellowBook](https://devpost.com/software/mlh-fellowbook) -- a full blown picture-based web-app to find our Fellows and a fully-featured Discord Bot named _fellowbot_ who the Fellows came to know and love throughout the Fellowship:

![Fellowbot in action](https://dev-to-uploads.s3.amazonaws.com/i/hentl6cqy0n2yd3kcypf.png)

### Halfway Hackathon (week 7): FellowHub (Winner!)

My team and I didn't just stop after the first hackathon -- we kept tweaking and improving the fellowbot by adding features like randomised lists of fellows from each Pod to aid in standups.

So naturally, for the second Hackathon we reunited and redesigned FellowBook _from scratch_ to create [FellowHub](https://devpost.com/software/fellowhub). We came **1st place in the Getting Help category** out of over 25 global teams! We focused on making the Fellowship as easy as possible to navigate, aiding fellows with job searches, and boosting their social/developer presence:

![Fellowhub homepage](https://dev-to-uploads.s3.amazonaws.com/i/wr684co6qg4jg6pfwtrl.gif)

We even created individual portfolio pages for each Fellow to easily refer to their PRs, Issues and Standups from the Fellowship, and an Exchange Network to promote Fellows' open source projects:

![Fellowhub Portfolio page](https://dev-to-uploads.s3.amazonaws.com/i/w5jo0d5wo7g01uu8t38r.png)

We used [GitHub's Primer Design System](http://primer.style/) for the first time ever to create the website. I was astonished to see how much we accomplished in just a few days and how professional our site looked and behaved.

## 👨🏽‍💻 The main Fellowship: Webaverse <a name="webaverse"></a>

So what did I get up to in the main Fellowship?

I was assigned to the [**Webaverse** project](https://webaverse.com/) (find it on GitHub [here](https://github.com/webaverse/)) with 2 other Podmates.

The Webaverse is a virtual network of apps that can run anywhere in VR, powered by IPFS, Ethereum and WebXR -- there is a great focus on making it an open, decentralised experience for anyone, and uses open standards. It also aims to give you full ownership of content (avatars, wearables, worlds, objects, etc.) you create.

At first, it seemed quite daunting because I had zero experience in VR, WebXR, Service Workers, Ethereum, IPFS -- pretty much everything that this project seemed to be related to... 🙃

But the maintainer, [Avaer Kazmer](https://twitter.com/webmixedreality/) was incredibly patient and even did an informal 1.5 hour teaching stream (in VR 🤯) introducing my team and I to ThreeJS, WebXR and the Webaverse -- which is available [on YouTube](https://www.youtube.com/watch?v=YGsXRSEemRw) for anyone to view now:

[!["An informal overview of ThreeJS, WebXR, and the Webaverse", by Avaer Kazmer](https://dev-to-uploads.s3.amazonaws.com/i/25zzidbhnx6nkikz8ems.gif)](https://www.youtube.com/watch?v=YGsXRSEemRw)

(yes, it was as cool as it looks! 😃)

Most of my Summer was spent working on [XRPackage](https://github.com/webaverse/xrpackage) -- the packaging system which lets you bundle many different types of content (e.g. [WebXR sites](https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API), [Blender 3D models](https://www.blender.org/), [VRoid Studio avatars](https://vroid.com/en/studio/), [glTF models](https://www.khronos.org/gltf/)) into something that can run in VR and interact with the world seamlessly.

The 'magic' of XRPackage is this: you can move content that was _never intended to be used in VR_ into VR, without much effort at all! I found this pretty amazing -- you can develop 3D content using tools and software you're already familiar with (like Blender), and then use the [web interface](https://xrpackage.org/inspect.html) or [CLI tool](https://github.com/webaverse/xrpackage-cli) to package it up into a single file (which you can share on the decentralised IPFS network, or through Ethereum) to run in VR!

I'm really proud of what I've accomplished this Summer: [over **50** pull requests](https://github.com/search?q=author%3Ashu8+is%3Apr+created%3A%3E2020-06-01+org%3Awebaverse&type=Issues) ranging from [UI/UX tweaks](https://github.com/webaverse/xrpackage-site/pull/24) and [fixing core packaging bugs](https://github.com/webaverse/xrpackage/pull/111), to [creating 2 test suites](https://github.com/webaverse/xrpackage/pull/102) and [over 15 PRs to write the majority of the Webaverse documentation](https://github.com/webaverse/docs/issues/5).

When we started working on the Webaverse, there was no formal documentation -- which worried us all! However, I'm thrilled to have been the core contributor to the [new documentation site](https://docs.webaverse.com/) which involved thorough digging into and experimenting with the codebase, research into good documentation practices, and improving my technical writing skills to produce concise, user-friendly documentation that anybody can now use to get started with the Webaverse:

[![Webaverse Documentation](https://dev-to-uploads.s3.amazonaws.com/i/rr67ku84w8ypvcry3biu.png)](https://docs.webaverse.com/)

I setup 2 test frameworks from scratch, for the [core XRPackage code](https://github.com/webaverse/xrpackage/pull/101) and [CLI tool](https://github.com/webaverse/xrpackage-cli/pull/30) using [AVA](https://github.com/avajs/ava) and [Puppeteer](https://github.com/puppeteer/puppeteer/), and used [GitHub Actions](https://github.com/features/actions) for the first time to setup a CI environment. I also wrote over 15 unit tests (and as a result, discovered 3 bugs/improvements in the core code which I then fixed):

[![CI test runner](https://dev-to-uploads.s3.amazonaws.com/i/axk2cx8q6khhe8a0s9mw.png)](https://github.com/webaverse/xrpackage/actions?query=workflow%3A%22XRPackage+AVA+test+runner+CI%22)

We even wrote (and open-sourced) [a Discord bot](https://github.com/MLH-Fellowship/webaverse-bot) that allows you to interact with worlds all from your keyboard! I wrote **half of the bot's commands**.

## 🤔 What I've learnt (and why you should consider applying to be an MLH Fellow!) <a name="learnings"></a>

The most important lesson I learnt from the Fellowship is how to work remotely with people. It's not easy! I was used to working in person at my last job where I could chat to my team about a problem by pointing at the screen with my _hands_ instead of a mouse!

Working remotely is one thing, but working remotely _and_ asynchronously -- with people across the world -- is another thing entirely; when one of us was working, the other would be asleep in another part of the world!

During the Hackathons, we had a 4-hour time difference so we managed by working together for half the day and syncing up around lunch-time/morning for the other person.

However during my main work, we had a **time difference of around 8 hours** -- that's the entire working day! Working synchronously just wasn't possible and I found it very difficult to adjust in the first week. Here are some tips from my experience with dealing with this:

- **Be willing to compromise**. Your team should find at least one time in the day (or week) where you can sync up and talk. If that means coming back online later in the evening for half an hour, or waking up a bit earlier every now and again, it would go a long way for the success of your project and team!
- **Embrace working asynchronously**. You can still be an effective team even if you don't all work at the exact same time! My team started meeting every Monday to plan out any issues we wanted to finish during the week and discuss any blockers. We could then work independently and quickly pick up a new issue from the list if needed. We also managed to 'hand over' work -- if my teammate was 8 hours behind me working on a tough issue, then when I came online I could take over and provide a fresh perspective.
- **Communicate**. Communication really is key, in just about everything. Updating each other with your progress throughout your day helps keep everyone on the same page, even if it's only read by others a few hours later. I found this quite weird at first, because I was just typing into an empty Discord channel talking to myself throughout the day -- but it was definitely worth it for our team.

On top of learning how to work _async remote_, I gained a lot of technical skills and knowledge: WebXR, Ethereum, the blockchain, IPFS, VR, Service Workers, modern JavaScript debugging techniques, unit testing code effectively, setting up CI test runners, testing a CLI, writing Discord bots, and _lots_ more!

**If you're looking to get into open source software, I really do suggest applying [for the next batch(es)](https://fellowship.mlh.io/) of the MLH Fellowship now!**

## 🙏🏽 Shoutouts <a name="shoutouts"></a>

I'm extremely grateful for my mentor, [Ian Jennings](https://jnnngs.com/) for his invaluable guidance and passion for making the Fellowship as enriching as possible. In particular, his digressions in standups and advice on getting over the initial troubles with timezones have been awesome. Check out [his recent post](https://dev.to/paircast/transform-coding-screencasts-into-markdown-for-dev-to-and-github-4k3f) about transforming code screencasts into markdown tutorials with his latest product: [Paircast](https://paircast.io/)!

I'm also grateful for [Avaer Kazmer](https://twitter.com/webmixedreality/) for the guidance, patience, and _so many_ code reviews throughout the Fellowship -- I've learnt a ton 🙏🏽! If you're interested, the Webaverse community is extremely friendly and would love contributions! Join the [Webaverse Discord here](https://t.co/cOtDuluGcc).

If you have any questions about the Fellowship or anything else, I'd be more than happy to answer them in the comments, or you can find more ways to reach me [on my website](https://sjain.dev)!