Series
Deep dives into the technology behind the TopVault application.
TopVault used to identify a scanned card by reading the text off it. It now compares the picture itself against a precomputed catalog of reference images, and only falls back to reading text when the picture is not a confident match. This is a walk through...
The TopVault website and mobile app allow you to upload photos of collectibles. These photos remain private to the collector and are not visible to either TopVault nor other collectors. For example, if you upload a photo for one of your collectibles...
This articles explains how TopVault uses React-ChartJS-2 to show collection trends over time. While TopVault aims to minimize the investing and pricing aspects of collecting, knowing values and trends over time will always be important.
The TopVault mobile app is built with Ionic. It is also accessible via a web application using Ionic's built-in web deployment features. This allows users to have the same experience on mobile and on the web. The original deployment used a subdomain...
One of the primary features of TopVault is to be a library of collectibles. This means indexing all variants and maintaining descriptions, historic pricing information, and links to other resources related to special rare collectibles.
TopVault allows collectors to see their entire collection on a single page. Collectors can also create large checklists or goals of collectibles and these can grow to over tens of thousands of entries. This is a classic situation where a paginated...
This is a short recap of how the TopVault iOS, Android, and web (SPA, PWA) applications use AI models locally, also known as using them on-device. The examples included in this post are pseudocode abstracted from the actual application to help with...
TL;DR, the Ionic UI Framework was a good choice! If I had to choose again, I’d pick Ionic again. Intro and context The context is that TopVault is a mobile-first experience that should also be available in-browser. This makes sharing content with...
This article describes an alternative approach to hiding the URL bar in Ionic app on Mobile Safari. The end solutions looks like the following demo: What is the problem On Mobile Safari, the URL (or address) bar does not shrink when scrolling...
