Pocketz is a simple card manager that turns your physical cards into digital ones. It also supports Apple Wallet, allowing you to keep all your cards in one place. Additionally, it includes a sharing feature, so you can digitally share your physical cards with family and friends. A new feature I added is support for QR codes and GS1-based cards. Pocketz currently supports 5 languages..

YouTube

• Apple Wallet support
• Barcode Scanner as easier adding method
• Multi-language support
• Card sharing functionality
• Support for multiple card types (Barcode, QR Code, GS1)

Since I already submitted this project to Siege once, here are the changes I made during this week (week 12):

• Added share feature: You can share your cards with other people via a QR code and/or a link
• Multilang support: Added support for 5 languages (translations themselves were mostly by AI to be fair)
• Added delete card feature
• Added edit card feature
• Many minor improvements, such as padding tweaks, general code optimizations, UI bugs, etc
• You can find everything in siege-week-11 branch (the name is wrong it should have been week 12)

VS Code + Vue (Official) (and disable Vetur).

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

See Vite Configuration Reference.

Install all dependencies defined in package.json:

npm install

Start the development server with hot module replacement for rapid iteration:

npm run dev

Build an optimized production bundle:

npm run build

Synchronize the web build with Capacitor native platforms:

npx cap sync

Open the iOS project in Xcode:

npx cap open ios