Unable to connect to my own server that I created

I just created a Minecraft Windows 10 server using the tutorial on https://www.youtube.com/watch?v=raez1ltl8mw so that my friends and I can play together. I followed it step by step except for one part - The port configuration part since I have Google wifi instead of Netgear genie in the youtube video. I was still able get a port opened (IPv4 version on my laptop if that makes any difference).

However, when I opened up Minecraft server list and added the server, it keeps saying "Locating server" under the server name and a red dot appears next to it. When I tried clicking on it, it would say load for a bit and then say "Unable to connect to server". What am I doing wrong?

Also on a side note, my Realm is expiring soon and I am thinking of uploading it to this server so that we can continue playing that world on the server, what should I do to get that going?