Moon Network

• 

  Computer Screen

• 

  Computer Configuration

• 

  Address table

• 

  Local Base Network

• 

  Lunar Bases

Inspiration

I have always found networks interesting. Whether the internet or a small LAN I've always been interested in understanding how it works. And while there are many fantastic resources out there I felt there was a potential for a more gamified approach for learning how a network functions.

What it does

We made lunar bases on the moon! But there's a problem they are operating separately in their own universes. Moon network does a very basic simulation of a network. There's a number of computers in each lunar base that can be connected and configured so that they are able to communicate together.

How I built it

I built it using Microsoft's Blazor to handle all of the DOM manipulation. The graphics are done using SVG. And Azure to handle the hosting of the web app.

Challenges I ran into

Had zero experience setting up a web app through azure so I fumbled a couple of times during the setup. Making the SVG graphics scale consistently. Having to redo some of the graphics near the end of development. Working out how to structure the nodes in a way best suited for blazor components.

Accomplishments that I'm proud of

The development pipeline had automated CI/CD. Making 99% of the drawing and graphics used by the web app. Using a new technology like blazor.

What I learned

-The process of deploying a web app on azure. -Using the viewbox property to control the scaling of svg graphics. -Communication between blazor components.

What's next for Moon Network

-Making the simulation more robust. -Adding a tutorial -Giving more freedom on the infrastructure of network to be built. -Adding more types of devices to the network. -Graphics overhaul.

Built With

• asp.net
• blazor
• c#