• 

  https://dlthoibinh.github.io/BAM_TOA_DO/

SmartForm AI – AI-powered Field Data Collection

Inspiration

Field technicians often spend significant time collecting customer information, GPS coordinates and photos while working in remote areas with unstable mobile networks. Manual processes are slow and prone to errors.

What it does

SmartForm AI is a Progressive Web App (PWA) that streamlines field operations.

Main features:

• Secure user authentication
• GPS validation with configurable distance limits (200m)
• Customer lookup
• Camera integration for field photos
• Offline-first architecture
• Automatic synchronization when connectivity returns
• Google Sheets cloud backend
• Real-time operation logs
• Mobile-first responsive interface

How we built it

• HTML5
• CSS3
• JavaScript (ES6)
• Google Apps Script
• Google Sheets
• PWA
• Service Worker
• IndexedDB
• Google Maps API
• Browser Camera API
• Geolocation API

Challenges

• Reliable GPS validation
• Working smoothly on weak mobile networks
• Preventing duplicate submissions
• Maintaining synchronization after offline usage
• Optimizing performance for many concurrent users

Accomplishments

• Fast field workflow
• Stable offline capability
• Automatic cloud synchronization
• Easy deployment without native installation
• Responsive interface for smartphones

What we learned

Building an offline-first PWA requires balancing user experience, synchronization reliability, and mobile performance.

What's next

• AI-assisted form completion
• OCR document recognition
• Voice input
• AI quality inspection
• Advanced analytics dashboard

Built With

• api
• app
• apps
• camera
• cloud
• css3
• design
• first
• google
• gps
• html5
• indexeddb
• javascript
• maps
• offline
• progressive
• pwa
• responsive
• script
• service
• sheets
• web
• worker