Build a IP Tracking App With Vue 3, Tailwind CSS & Leaflet.js (Composition API)

Hopefully you enjoy this small project using Vue 3 and the composition api. We did not cover everything, just some of the basics. If you'd like to see a bigger project where we make a bigger app using this, let me know in the comments!

All went nicely until we started to approach the API, where I only received this when trying to send an IP: ERR_BLOCKED_BY_CLIENT xhr.js:256

A tutorial using an alternative to "mapbox" please?

Great tutorial... am getting an axios error trying to send the request however ... error says "network error" am not sure if it's my code or on the geo api anyone else getting this error??

Guys, if you are trying to send the form by pressing enter instead of just clicking the button. Just change the dive right above the input for a <form> tag with this: @submit.prevent="getIpInfo". So it will be like: <form @submit.prevent="getIpInfo" class="flex">

Hi John! Thank you for this amazing tutorial! Could you please make a video explaining how to protect the info of tokens and APIs in the server-side? Since it's dangerous to keep it in the client-side.

John, fantastic tutorials! A great video series Idea would be clones of well known websites. Like "Vue 3 Airbnb clone + tailwind", Amazon clone, Uber clone, Netflix Clone, and so on... Could include some integration with authentication, CMS and database, all basic, for portfolio projects.

thanks for your awesome video. it helps mu to understand make maps using this api

How implement multi maps ops, Google maps,etc and states of maps traffic, the user change map whit button

Very useful tutorial! thks mate!!

Thank you for your efforts! Love it!🥰

Is there a demo link of the project I can visit ？You can deploy this app to Vercel or Netlify

Dude, really nice tutorial! You're an absolute beast, thank you so much!
Cheers from Brazil!

No word other than incomparable!! Thank you

Clone github code to my computer, when yarn installs dependencies, it is always .node-sass:error with win64

Great Video, John!

Can you explain me why "leaflet" import has "Could not find a declaration file for module 'leaflet'" message but still working?

Yo. I'm making this project for uni and out of the blue they tould us to use vue and leaflet.

We don't know how to use them.

You may have saved the career of my colleagues and mine!

Good tutorial, thank you! But please keep the focus state for accessibility!

hi thank you for this tutorial. but how we can add leaflet draw

Because of your channel and your teaching style, I wanna learn Vue. I can't say thanks enough.