LibX
Overview
A Mobile App for library users to scan in/out of the library and borrow books.
Role/Responsibilities
Was assigned to design the UX/UI for all app screens and develop the mobile app's Front-end/Back-end to support both Android/iOS for the following features:
- Login System (OAuth2)
- QR Code generation for scanning in/out
- Fetching fine data from book borrowings via API
- Searching for book information across all library campuses
- Self-service book borrowing via scanning
- Fetching borrowing history and current borrowings data via API
- Book renewal
- Biometric settings for access
- Language selection menu: Thai/English/Chinese
- Checking current location to determine borrowing eligibility
Additionally, was assigned to deploy the app to the App Store and Play Store.
Problem/Challenge
Before developing the LibX app, the existing library system was very old and had been in service for a long time, making the features and development language complex and outdated. This presented a challenge in developing the new app to ensure compatibility and interoperability.
Design Concept
Developing the app required selecting appropriate tools by analyzing factors like cost, team size, and development time. After consulting with the team, we agreed on choosing a Hybrid app development approach to align with the development goals.
Technologies/Tools
- Mobile App:
Vue.JS (Quasar)- Can be used for developing multiple platforms such as Web Apps, Mobile Apps, etc. - Styling:
Tailwind CSS- An easy-to-use tool for designing beautiful and efficient UIs. - Backend:
Node.JS (Fastify)- A high-performance, fast, and resource-efficient framework.
Features
- Search for library books across all campuses
- Generate QR code for scanning in/out
- Generate barcode for verification
- Pay fines for overdue borrowings (via PromptPay Thailand)
- Read online books via the app
- Self-service book borrowing via scanning
- View borrowing history / current borrowings / renew books
- Set up Biometrics for access
- Register face for in/out scanning
- Support Thai/English/Chinese languages
- Check current location to determine borrowing eligibility
Result
Since its launch in late 2023 (B.E. 2566), which was the first mobile app for all university library campuses, the app has received positive feedback for being easier and more convenient to use than the previous system. The app also helps reduce the steps for borrowing books, allowing users to do it themselves by simply scanning the QR code/barcode on the book, as well as paying fines themselves through the app. This has significantly enhanced the user experience for library patrons.
Images
App Store 
Play Store