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
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.5
k page views and 2.4
k 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 βοΈ
Top comments (29)
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 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.
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 πͺπ»
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 thehttp
API and serve the response to the static website inhttps
.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?
Sure!
Great project I really love that
Thanks David π
This looks awesome π
Great job!
Thank you, Alex βΊοΈ
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.
No IPv6... #Fail
We are working on the IPV6 Feature.
Some comments may only be visible to logged-in visitors. Sign in to view all comments.