Wisp
Wisp is an interactive mobile game developed as part of my BSIT thesis. The game is designed to help children improve their handwriting skills using Optical Character Recognition (OCR) powered by Google Vision. Teachers or guardians can create custom questions — auditory, visual, or text-based — through a connected web platform, and students can answer them directly within the mobile game. The web dashboard includes progress statistics and supports Google Authentication for secure access, creating an engaging and integrated learning experience for both students and teachers.
Challenges
When starting Wisp, I had little to no experience with Unity, which made game development a major learning curve. However, through consistent practice and the help of AI tools like ChatGPT, I was able to design and build the game successfully. I also created the game’s visuals and assets using Photoshop to make the experience fun and educational.
For the web platform, I used Next.js with Tailwind CSS, shadcn/ui components, and Supabase (backed by PostgreSQL) to manage authentication, data, and teacher dashboards.
The backend, built with Express, handled the OCR processing using Google Vision and served as the bridge between the mobile game and the web app. It connected to Supabase to synchronize game results, user data, and progress tracking across platforms.