MB Textile App
Year
2019
Role
Mobile Developement
UX / UI
Technologies
React ,
React Native ,
Rest API ,
Redux ,
Redux-Offline ,
OVERVIEW
Mbtextil aimed to expand sales to areas with limited internet access, leading to challenges in inventory management and manual entry of sales via handwritten bills. To simplify operations, I developed a mobile app, offering offline support for disconnected locations. This app allowed effortless offline sales data entry, later syncing with the central system when online. This innovation streamlined sales, enhancing efficiency and reducing manual errors.
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.
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.
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.