Salmon King Seafood (SKS) is a reference App create to show some of the migration capabilities of the our WebMap product

This app was originally develop in Visual Basic 6 (VB6).

The VB6 source code of this app can be found here

The VB6 source code was upgraded to a C# Windows Forms Desktop app using the Visual Basic Upgrade Companion tool.

The C# Windows Forms source code of this app can be found here

The C# Windows Forms source code was upgraded to an Asp .Net Core App using our WebMap product. Now you can run this app on any .NET Core platform: Windows, MacOS or Linux.

NOTE: This app was migrated to .NET Core 3.1. If you haven't installed it just go to: https://dotnet.microsoft.com/download/dotnet-core/3.1

Mobilize.Net's WebMap product upgrades WinForms desktop apps to a modern Asp.Net Core applications. You can see also see nice video walkthrough of this demo

Those applications will have a:

• C# BackEnd
• Angular 8 TypeScript FrontEnd

The WinForms screens are converted to an angular application. Each of the Forms or UserControls are converted into angular components.

The following is an example of the angular components structure for the SKS.

- sks-angular
    - src
        - app
            - components
                - sks
                    - frm-about
                    - frm-action-order-reception
                    - frm-action-order-request
                    - frm-add-product-to
                    - frm-adjust-stock-manual
                    - frm-customers
                    - frm-login
                    - frm-main
                    - frm-order-request
                    - frm-products
                    - frm-providers
                    - frm-reception-approval
                    - frm-request-approval
                    - frm-splash
                    - frm-users-manage

Building front end code is simple:

First make sure you have the angular client installed. If it is not installed, install angular CLI (Command Line Interface) using yarn or npm install

npm install @angular/cli -g

Then from the command line switch to angular source code folder:

cd sks-angular

Install dependencies using

yarn install

or

npm install

And build the source code using:

ng build

For angular, it is very common to use ng serve. This command will builds and serve your app, rebuilding on file changes.

It will use the proxy.conf.json file to redirect backend calls. By default ng serve starts in http:\\localhost:4200 and the provided proxy.conf.json file expects the backend on http:\\localhost:5000

Just open your code in Visual Studio 2017 or 2019 and compile your code. You can also compiled from the command line using:

dotnet build

NOTE: Remember to compile the frontend or starting the ng serve version before starting the application.

One the application is compiled just start the debugger.

or run it using

dotnet run

You should now see a screen like:

If you do not want to waste a lot of time setting up an environment, you can open this application on Gitpod.

Gitpod is a great company that allows you to get your repo up and runnning hosted on a cloud IDE.

This is cloud environment that shows how this migrated application can be taken all the way from VB6 to a dockerized Linux container :)