Photo by Daniel Andrade on Unsplash

During the Covid 19 “vacation” I wanted to create a project for my 12 years old son. He likes computer games and he likes Arduino.

I wanted to focus on the connectivity and the Arduino part but not on developing the game itself. So the plan is to take an existing html5 game which controlled by keyboard and add the ability to control it from an external “controller” which will be connected through a server to the game host using socket.

Like any project, I like to do small steps. Do one simple step, make sure it’s working and “complicate”…


Photo by Lukas from Pexels

Disclaimer: I’m a Frontend developer at Wix, that’s right. But this post written as a result of my experience as a “regular” user. I even used a non Wix account to build it and honestly, even if 1000 of you will build an app on Wix, I won’t profit from it directly in any way 😀

So why I wrote this post? I really enjoyed building it. It’s simple (well, most of the parts), zero configuration, and of course, it’s free. Ah, and you don’t need to leave the browser — 100% cloud.

It all started when I published a…


In the previous post I talked about the purpose of the project (Make an HTML5 game controlled by “external controller”), the final product (An Arduino controller) and showed the first step (“control it from a different browser window using the same keyboard keys”).
If you’re interested in the server code, you should check it because we’re basically done with it. (Maybe we’ll add a bit server code in this post but it will relay on the existing mechanizm)

In this post, we gonna talk about the second step — “control it from a mobile phone on the same network of…


Photo by Melissa Askew on Unsplash

StackOverflow is one of (if not THE) the top common Q & A websites in the world. When you ask Google a code question, StackOverflow’s result will probably appear in the top 5 and when it comes to niche questions, it will probably be the top.

According to Joel Spolsky — StackOverflow’s Co-Founder, almost all of the developers in the world are using StackOverflow.

On the other hand, too often people, especially beginners, are complaining about StackOverflow’s attitude and by “complaining” I’m pretty gentle (take this post, for example). …


In the last post, we talked about how to add a button to a panel’s top bar — either in the “more” menu or as icon button in the top bar itself. Also we learned how to use _onDidChangeTreeData.fire() in TreeDataProvider class to refresh the view.

Like promised, the post will includes an explanation about the product challenge and how to solve it.

The challenge

The extension is supporting (currently) only comparing between a single workspace folder (or just a folder), and a folder that the user chosen. …


In the last post, we talked about how to add an icon to the activity bar and “attach” a view to it. How to use TreeDataProvider to present File System like view to show the diffs like files in directories.

Like promised, the post will includes an explanation about the product challenge and how to solve it.

The Challenge

In the last post, the extension was able to show only single hierarchy of differences. Means if a deep folder has differences the extension wasn’t be able to show it. …


In the last post, we talked about how to add a command to the commands palette so the user could interact with the plugin via commands. In our case, ask the compare process to start.
We also talked about, how to open folder picker so the users could pick which folder(s) they want to compare.
And finally, how to compare folders and present the diff using the API.

Like promised, the post will includes an explanation about the product challenge and how to solve it.

The Challenge

Now that we able to compare folders by command, and we know how to display…


In the last post, we talked about the plugin, the requirements and the motivations.
Like promised, the post will includes an explanation about the product challenge and how to solve it.

The Challenge

In order to let the users to compare folders, we need to allow them to run a command that will open the “choose a folder” dialog so they could choose a folder from their file system. Once they chosen, the plugin will run the code that compare them. So:

How to add a command to commands palette in vscode extension?

Basically it well explained in the docs so let’s do it quick

First, we need to add a entity in…


This post meant to introduce the journey of the Visual Studio Code (“vscode”) plugin CompareFolders. The post is (will be) part of a series (🤞) and the only one who will not include any code examples and technical stuff.

What’s that plugin (should) does anyway

With that plugin you can compare 2 folders’ content just like you do with git by comparing a branch code to master .
As much as it’s a trivial need and there are a lot of tools out there, vscode has none.

How it’s gonna work?

There will be a dedicated panel for this in the view panel (in the left…


Notifications are great. When an app wants to take its user attention, usually when a (long) process was done and maybe the user moved to another tab or even to another app, a notification will let the user to know about the process and maybe could take them back to the app so they could continue with their interactions.

Google Chrome Extensions are also great. An extension helps a developer to extend the browser / a website functionality by running extra code in the context of specific website(s) or in general.

There are plenty of tutorials about how to write…

Mosh Feu

FED developer @Wix

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store