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 ✌️

Posted on by:

sureshmurali29 profile

Suresh M

@sureshmurali29

Design Technologist, UNIQLO (Tokyo)

Discussion

pic
Editor guide
 

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.

 

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

 

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!

 

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!

 

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 πŸ’ͺ🏻

 

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!

 

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

 

You're welcome! Please keep doing great things!

 

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.

 

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.

 

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.

 

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

 

This looks awesome 😍
Great job!

 

Thank you, Alex ☺️

 

Great project I really love that

 

Thanks David πŸ™

 

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

 

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

 
 

Great work..kudos

 
 

We are working on the IPV6 Feature.

 

I prefer ifconfig.co

Why? because:

curl https://ifconfig.co/
 

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
 

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

 

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

 

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

alias whatsmyip='curl ifconfig.co'