DEV Community

loading...
Cover image for eyep.dev - Coolest way to get your IP address

eyep.dev - Coolest way to get your IP address

sureshmurali29 profile image Suresh M ・3 min read

Hello World,
A quick side project update - Eyep.

Idea Inception πŸ’‘

We built WhatsMyFood, a personal food review tracking app. We spent one full year building this with a lot of efforts. Eventually, launched in ProductHunt, but it did not get the expected traction. So, we were very keen on doing something small for our upcoming side projects.

My friend LD wanted to get his IP address. On googling, he got it in an instant. But he found several sites in the google search, that displays your IP address, location, ISP providers and so on. Then the site whatismyipaddress was top on the search. He was shocked to know, that this site had 10 million hits/month. When he shared this with me, I said we can do this better, hence eyep.dev

With the world moving towards single-purpose website/app 1️⃣, dark mode ⚫️ and a better UX, we thought eyep.dev would be a game-changer.

We are a big fan of ProductHunt(PH). It was a long-time goal to be at the top of PH. That was also one of the motivation.

eyep.dev in Action

eyep.dev

Tech Stack πŸ‘©β€πŸ’»

🌐 IP and its location by Ipstack
πŸ—ΊοΈ Map by Google Map & styled by SnazzyMaps
πŸ’» Frontend - Vanilla JS & Backend - AWS Lambda

ProductHunt Launch πŸ”₯

As we are a big fan of PH, we launched it. PH-Eyep. To our surprise, we were the #1 Product of the day. People liked the design, appreciated and even suggested us to come up with a chrome extension.

That day, we got close to 4.5k page views and 2.4k unique users. It was a long-time dream to make it to the top of PH and we made it.

Some tips on PH Launch: As many of you know, make sure you schedule your PH post well in advance. Come up with a catchy GIF for your logo. Add Youtube videos, illustration to make it easy for people to understand. The community is so helpful in pointing out the issues, giving you new ideas and suggestions.

Webrazzi πŸ™Œ

We didn't have many expectations after Launch, as we know people would forget after a day. But the next day, our individual profiles and the eyep.dev got too many hits and they were coming from Turkey.

And then we came to know that Webrazzi, a popular tech site in Turkey wrote about us. Here is the link: eyep.dev in Webrazzi. They coined a new term called one-click platform for IP address. People were coming up with funny memes with the site. That made us really happy.

Then I realized, word-of-mouth is the true & free marketing that you can get.

Organic Search 😭

The initial hype was all good, but the true success is acquiring users through organic search. And I found eyep.dev does not appear in google search for the keyword "what is my IP address" even in 4th page of Google results.

Did the preliminary SEO steps like updating the title and meta tag. This video really helped to understand how SEO works in 2019.

Have updated <Title> and <meta> tags, also configured Search console, Let's see how it goes ✌️

Discussion (29)

pic
Editor guide
Collapse
developerval profile image
Val

I really like the layout, the animations and the fact it's dark mode.

I think a chrome extension would also be a good addition, this would allow people to grab their IP without leaving the tab they're on.

Collapse
sureshmurali29 profile image
Suresh M Author

Thank you, Valentine Bott πŸ™
Yes, we are planning to do chrome extension ⚑️

Collapse
fernandomaia profile image
Fernando Maia

Opened the website before reading this post and found out that you guys have been featured on PH. I thought that I might help you out by upvoting and when I followed PH's url, I realised that I already did upvote it before.

Btw, nice work on the frontend. It looks great, particularly the map animation!

Collapse
room_js profile image
JavaScript Room

I just shared the app's link on my Facebook page and noticed that it doesn't have a preview image. Looks like the meta tags for social media are missing. You can add them for a better sharing experience, it's a good practice. You can read more about them here: css-tricks.com/essential-meta-tags...
And again, great job guys!

Collapse
sureshmurali29 profile image
Suresh M Author

This is really helpful. Thanks a lot, Javascript Room.

Collapse
room_js profile image
JavaScript Room

You're welcome! Please keep doing great things!

Collapse
reaktiivranits profile image
A

It looks great, good job on that.
Maybe a comfortable curl endpoint would be a feature request if you're looking to hook more tech people.

ifconfig.co works for me, both from browser and with cURL. Doesn't look as nice but still functional enough for me and same endpoint from terminal and browser.

Collapse
david_j_eddy profile image
David J Eddy

I appreciate the simple interface, quick response, and that the animation does not prevent the IP from showing on load. The animations are background and 'extra' eye candy.

Congratulations on landing that top PH spot. I look forward to your next product release!

Collapse
sureshmurali29 profile image
Suresh M Author

Yes, We don't want the animation to interrupt the user from fetching IP address.
Thanks David. We will give our best for next product πŸ’ͺ🏻

Collapse
fischgeek profile image
fischgeek

Very cool! What are you using for capturing the IP data? I looked into this once and found I had to pay for API end points if I wanted it public. Just curious.

Collapse
talktold profile image
LD

Hey @fischgeek , thank you for asking. Here is the tech stack:

🌐IP and its location by ipstack.com/
πŸ—ΊοΈMap by Google Map & styled by snazzymaps.com/
πŸ’»Frontend - Vanilla JS & Backend - AWS Lambda

As you said, Most of the IP Geolocation API's do not expose in https in their free plan. So had to come up with AWS Lambda which will invoke the http API and serve the response to the static website in https.

Hopefully, when people love it and we get more hits every day, then we will upgrade to the paid plan and eventually remove the AWS Lambda.

Collapse
fischgeek profile image
fischgeek

Very cool! Mind if I reach out to you directly for a couple questions?

Thread Thread
talktold profile image
LD

Sure!

Collapse
worldtok4u profile image
Emmanuel David

Great project I really love that

Collapse
sureshmurali29 profile image
Suresh M Author

Thanks David πŸ™

Collapse
alexmacniven profile image
Alex Macniven

This looks awesome 😍
Great job!

Collapse
sureshmurali29 profile image
Suresh M Author

Thank you, Alex ☺️

Collapse
room_js profile image
JavaScript Room

It's absolutely the coolest one! Great job and very stylish frontend!

Collapse
sureshmurali29 profile image
Suresh M Author

Thanks a lot for sharing in your FB page ☺️ We will update the meta tags soon.

Collapse
napsterbater profile image
idkmybffjill?

No IPv6... #Fail

Collapse
talktold profile image
LD

We are working on the IPV6 Feature.

Collapse
aliglelo profile image
Tech Master

Great work..kudos

Collapse
zippytyro profile image
Shashwat Verma

I checked and it says undefined. bug?

Collapse
fischgeek profile image
Collapse
elmuerte profile image
Michiel Hendriks

I prefer ifconfig.co

Why? because:

curl https://ifconfig.co/
Collapse
rkeene profile image
Roy Keene

Two things:

  1. ifconfig.co is more functional but less cool;
  2. ifconfig.co doesn't support querying IPv6 or IPv4 explicitly -- if you have IPv6, it will return the IPv6 address and not the IPv4 address, which sometimes is not what you want. Try this out: curl http://rkeene.org/whatismyip; curl http://ipv4.rkeene.org/whatismyip; curl http://ipv6.rkeene.org/whatismyip
Collapse
timothycole profile image
Timothy Cole

Can't you use curl -4 or curl -6 to query v4 or v6?

Collapse
talktold profile image
LD

ifconfig is a convenient one. We will add the curl capability soon ✌️

Collapse
mitchartemis profile image
Mitch Stanley

I use this too! I even have an alias which I use all of the time.

alias whatsmyip='curl ifconfig.co'