- Mobile Developement
- UX / UI
MB Textile App
2019
MB Textile App
React, React Native, Rest API, Redux, Redux-Offline
OVERVIEW
To overcome sales challenges in areas with poor internet access, I created a mobile app for Mbtextil. It supports offline sales data entry and syncs with the central system when online, improving efficiency and reducing errors.
PROBLEM
Due to the increasing number of customers in disconnected regions, the manual ordering and data input processes have become challenging for the delivery and management employees. Recognizing this, MbTextile sought a convenient and efficient solution to handle offline billing and seamlessly sync the data once an internet connection is re-established.
SOLUTION
Instead of relying on handwritten bills from delivery personnel and manual data entry by management employees, I developed a mobile app that seamlessly connects with the warehouse inventory through a REST API. This app serves as a point-of-sale (POS) system and provides offline support. Once an internet connection is restored, the app synchronizes data between the local storage on the mobile device and the server database.
For the implementation, I utilized technologies such as React Native, Redux, and Redux-Offline. When the application is online, it sends HTTP requests (GET, POST, PUT) to the server, updating the Redux store and the server's database accordingly. Furthermore, any changes made to the data in the Redux store are asynchronously updated in the local storage.
In cases where the application is offline, any modifications to the application data are first reflected in the Redux store, followed by an asynchronous update of the local storage. The corresponding HTTP requests for these changes are stored in a queue.
Upon reconnecting to the internet, the app fires the stored HTTP requests in the queue to update both the Redux store and the server. This synchronization process ensures that the local storage, Redux store, and server are brought to a consistent state.
Overall, this approach significantly streamlined the billing and data synchronization processes for MbTextile, enhancing efficiency and accuracy.
RESULTS
By implementing this solution, MbTextile experienced a remarkable reduction in time, with the process of creating new sales and receiving data for analytics now taking less than a minute compared to the previous two-hour timeframe. This streamlined workflow enabled them to efficiently generate new sales and gather data for analysis, greatly minimizing the occurrence of human errors.