Build & Deploy a Geocoding Map App With Vue 3, Express & Tailwind CSS

In this video we build a geocoding application using vue 3, express & tailwind css. We will be using leaflet.js & mapbox for displaying our map as well as mapbox's geocoding API.

Repo: https://github.com/johnkomarnicki/exp...
Demo: https://hidden-earth-36947.herokuapp....

What is covered:
✔️ simple express server to proxy API
✔️ spa with Vue 3 using composition API
✔️ integrating tailwind & leaflet.js with Vue 3
✔️ deploying vue 3 application with express to production
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
   / @johnkomarnicki  
-----------------------------------------------------------------------------------------------------
Website: https://johnkomarnicki.com/
Twitter:   / john_komarnicki  
LinkedIn:   / john-komarnicki  
-------------------------------------------------------------------------------------------------------
Timestamps:
0:00 introduction
2:15 project requirements
4:28 create simple express server
11:01 create express route
15:51 add a parameter to express route
22:21 adding query strings to express route
26:32 using the express router
30:19 creating vue 3 project
35:23 add tailwind and other dependencies
40:00 implement leaflet.js map
50:35 get users location
59:08 plotting user location on map
1:06:11 handling geolocation errors
1:18:27 toggle tracking location
1:31:12 making search request's
1:42:52 add lazy search to input
1:46:58 output results from api
2:05:00 display selected results
2:13:33 getting our app ready for deployment
2:18:14 deploy to heroku
-------------------------------------------------------------------------------------------------------
#vue #vue3 #vue3compositionapi
Current Subscribers: 5,880