A New Collection of Thoughtful Learning Apps — Now Available on iOS & Android

By -
Image
I’m excited to share a set of mobile apps I’ve recently completed and published on both the Google Play Store and the Apple App Store. These apps are designed with a simple goal in mind: to make meaningful, structured content more accessible, whether you’re studying theology or improving your English vocabulary. 📱 Now Available on Both Platforms All apps are live and available for download: Google Play Developer Page: https://play.google.com/store/apps/dev?id=5835943159853189043 Apple App Store Developer Page: https://apps.apple.com/ca/developer/q-z-l-corp/id1888794100 📖 Theology & Confession Study Apps For those interested in Reformed theology and classical Christian teachings, I’ve developed a series of apps that present foundational texts in a clean, focused reading format: The Belgic Confession Canons of Dort Heidelberg Catechism Westminster Shorter Catechism Each app is designed to provide a distraction-free experience, making it easier to read, reflect, and revisit these im...
Post a Comment

WSC QA: Study the Westminster Shorter Catechism | Q.Z.L Corp

By -

WSC QA: Interactive Catechism Learning App

By Q.Z.L Team | Published on 2026-01-20

Demo Video

Elevator Pitch

Deepen your knowledge of the Westminster Shorter Catechism in English & Chinese with a modern app featuring full Q&A, scripture references, quizzes, text-to-speech, and an AI Tutor for guided learning.

What it does

  • Complete catechism Q&A in English & Chinese.
  • Full scripture references for every answer.
  • Interactive quiz mode to test knowledge and memorization.
  • Text-to-speech support for auditory learning.
  • AI Tutor Chat powered by Gemini 3 for real-time guidance.
  • Modern interface for smooth browsing and study.

Try it now: Web App | Android w/ ads | Android Paid, no ads

Inspiration

We wanted a modern, interactive, and accessible way to study the Westminster Shorter Catechism. Students, teachers, and parents often struggle with static text, so we combined a bilingual interface, quizzes, text-to-speech, and AI Tutor for guided learning.

How we built it

  • React Native + TypeScript for cross-platform apps.
  • TailwindCSS for clean and modern UI.
  • Text-to-Speech for auditory learning.
  • Interactive quiz module with randomized questions.
  • Gemini 3 AI Tutor for real-time guidance.

Challenges

  • Balancing bilingual content while keeping interface clear.
  • Making AI Tutor interactions accurate and encouraging.
  • Designing quizzes that are challenging but not discouraging.
  • Ensuring smooth Text-to-Speech playback across devices.

Accomplishments

  • Complete modern redesign for cross-platform use.
  • Interactive learning tools: quizzes, AI Tutor, and text-to-speech.
  • Bilingual support for English and Chinese speakers.
  • Guided, structured, and motivating learning experience.

What's Next

  • Expand AI Tutor capabilities for complex theological questions.
  • Add spaced repetition and smart quiz suggestions.
  • Introduce progress tracking and streaks to motivate daily study.
  • Explore additional translations and accessibility features.
  • Refine interface design for smoother, more intuitive learning.

❤️ Support This Blog

If this post helped you, you can support my writing with a small donation. Thank you for reading.

Coffee ☕ Thanks 🙏 Extra Support ❤️

Comments

Post a Comment

Popular Posts

Fix “A problem occurred starting process 'command node'” in Android Studio for React Native

By -
Image
Fix “A problem occurred starting process 'command node'” in Android Studio for React Native If you are building a React Native Android project and encounter this error during Gradle sync: A problem occurred evaluating project ':react-native-svg'. > A problem occurred starting process 'command 'node'' —even though node works perfectly in your terminal—this guide will show you how to fix it quickly. Common Misconceptions This error is often mistaken as a Node.js or PATH issue, but that is not always the case. Node.js is installed and working in your terminal. PATH and environment variables appear correct. Still, Android Studio Gradle sync fails with the above error. The Real Cause The issue typically arises because of an incorrect Gradle JDK configuration inside Android Studio . Gradle runs inside a JVM and uses that JVM to spawn external processes (like node ). If the Gradle JDK is incompatible or misconfigured, Gradle will...
Read more

Fix up watchman issue with Ghost

By -
# Issue >>     >>     at BunserBuf.<anonymous> (/home/errong_leng/Ghost/core/client/node_modules/fb-watchman/index.js:95:23) >>     at emitOne (events.js:116:13) >>     at BunserBuf.emit (events.js:211:7) >>     at BunserBuf.process (/home/errong_leng/Ghost/core/client/node_modules/bser/index.js:292:10) >>     at /home/errong_leng/Ghost/core/client/node_modules/bser/index.js:247:12 >>     at _combinedTickCallback (internal/process/next_tick.js:131:7) >>     at process._tickCallback (internal/process/next_tick.js:180:9) >> A non-recoverable condition has triggered.  Watchman needs your help! >> The triggering condition was at timestamp=1509698956: inotify-add-watch(/home/errong_leng/Ghost/core/client/node_modules/ember-cli-node-assets/node_modules/broccoli-funn...
Read more

Using Mutual TLS (mTLS) in Next.js (Server-Side Only)

By -
Image
Using Mutual TLS (mTLS) in Next.js (Server-Side Only) In the previous posts, we covered: Part 1: Making mTLS API requests from Node.js clients Part 2: Enabling mTLS in Node.js servers Now we focus on Next.js applications and how mTLS works depending on deployment. Next.js Cannot Access TLS Handshake Directly Next.js middleware and API routes run after the TLS handshake They cannot see client certificates or verify them Next.js built-in server does not expose Node's HTTPS options like requestCert In short: Next.js middleware cannot enforce mTLS or access TLS handshake details . Any enforcement must happen before the request reaches Next.js. Next.js as an mTLS Client (Server-Side API Calls) Next.js can securely call mTLS-protected APIs from server-side code, such as: API routes Server actions import fs from 'fs'; import https from 'https'; import axios from 'axios'; export async function GET(req) { const...
Read more