MUSINGS OF A SOFTWARE TESTER
WORKING ON TEACH MY TOT
HIRZA PIMENTEL ▪ 04/07/2018
For the past week, I've been working on an offline first flashcard app for teaching toddlers and preschoolers. The project was developed using HTML, CSS, and JavaScript as part of the Grow with Google Challenge Scholarship. My main goal is to be able implement Service Workers, Cache API and IndexedDB to create an offline-first mobile web app. Having 2 kids under four, I wanted to be able to create an app that would interest them. And so, the idea for Teach My Tot came about.
Currently, there are five flashcard activities available:
- Adding Numbers
- Letters
- Numbers
- Shapes and Colors
- Subtracting Numbers
The live demo version is available on Teach My Tot, and the code is available on Github. Although the latest code on Github includes IndexedDB, the live version only implements Service Worker and Cache API. The reason for this is that while testing on iOS 11.3, I found out that the version with IndexedDB doesn't work when the mobile web app is saved to the home screen and launched as a standalone mobile web app. In the Service Worker and Cache API only version, all HTML, CSS, JS, image, json files are stored in the Cache API. In the Service Worker, Cache API, and IndexedDB version, colors.json and shapes.json are stored in IndexedDB; while the HTML, CSS, JS and image files, on the other hand, are stored in the Cache API.