This past month, I visited the local Hack & Tell to write a web app that uses Vue.js‘s Composition API. I have written 41 posts involving Vue on this blog but the Composition API is new here. If you are the “eat your dessert first” type, you can check out the result at https://joes-job-tracker.web.app. I...
Tag: Vue.js
How to use Mapbox to convert from coordinates to address and back again
Back in January, I promised that a future post would cover how to go from a street address to latitude / longitude coordinates. Previously, we have covered how to get the user’s street address, using navigator.geolocation and MapQuest and more recently, we covered converting addresses to latitude and longitude but that wasn’t an actual street...
How to autofill an address using mapbox
I have been poking at the Milwaukee County Trasit System (MCTS) APIs over the past few weeks. A few years ago, I tried to write a bus app using Angular and it just didn’t work out well. I figured that I would try it again, using what I have learned since then. The first step...
How to calculate the sunset and sunrise times in JavaScript
Over the holidays, I created Good Morning, Milwaukee! (a Mastodon bot that posts a “Good Morning” toot every morning). The problem is that it hasn’t been behaving correctly since shortly after I finished it. I want to simplify it a bit, so I can make it a little less fragile. The first component of the...
Are you still working on the State Parks app?
Yup, I am. Last year, I posted a lot about how I was building a state parks app to help with my goal of eventually visiting every park in the Wisconsin State Parks system. The most recent post was around November, though. Well, I am working on the app again and I am hoping to...
How to use regex and vue to validate form input
I haven’t talked about regular expressions much on this blog and that is mainly because I don’t feel like I understand the topic enough. We are going to work on that, today. Regular expressions (or regex) are patterns used to match character combinations in strings. There are regex strings to test for valid phone numbers,...
Where art thou: Converting addresses to latitude and longitude.
Previously, we have covered how to identify where the user is, based upon navigator.geolocation and based upon their IP address (there are definitely ways to make IP-based geolocation suck less). I figured that in today’s post, we would look at how to go from an arbitrary physical location (zip code or city name) to latitude...
Sliding transitions, using Vue and Bulma
I found myself trying to figure out how to do an interface consisting of a series of cards that slide off to the side as you finish them. Let’s start by looking at the sample app before the addition of the sliding magic.
Do you really need Axios in your Vue app?
Just about every vue demo that I have done on this blog has involved Axios. I am not sure that it is necessarily needed all the time, though. I wanted to take this blog post as an opportunity to see if it can be replaced with fetch.
State Parks App: Mapping the park locations
Earlier this year, we looked at Mapbox and how to use it to show a location on a map. I figured that now that we have a listing of park locations, it is time to look at mapping them. This might be a fairly brief post since everything that we are doing here has been...