FuelBuddy Driver App वह ऐप है जिसे ड्राइवर असल में ग्राहकों तक ईंधन पहुंचाने के लिए इस्तेमाल करते हैं। ड्राइवरों के लिए बनाना अपने आप में एक अलग किस्म की समस्या है: स्क्रीन को सीधी धूप में पढ़ने लायक होना चाहिए, टैप में गुंजाइश होनी चाहिए, और सड़क पर कहीं भी नेटवर्क कट सकता है। मैंने ठीक इन्हीं हालातों को ध्यान में रखकर शुरू से आखिर तक फीचरों का एक सेट बनाया — फ्रंटएंड और उनके पीछे के डेटा API।

मैंने क्या बनाया

ऑफलाइन-सहनशील UI: ड्राइवर अक्सर सिग्नल खो देते हैं, इसलिए मैंने रूट और ऑर्डर डेटा को लोकल रूप से कैश किया और उन्हें डेड ज़ोन में भी काम करते रहने दिया। ऐप जमने के बजाय बदलावों को कतार में रखता है और कनेक्शन लौटते ही उन्हें वापस सिंक कर देता है।
लोकेशन और मैप्स: लाइव GPS ट्रैकिंग और मैप रूटिंग का फ्रंटएंड संभाला, बार-बार होने वाले लोकेशन अपडेट और मैप रीड्रॉ को कुशल रखते हुए ताकि लंबी शिफ्ट में वे बैटरी न सोखें।
फील्ड-फ्रेंडली UX: कई ऑपरेशनल फीचरों को शुरू से आखिर तक संभाला, उन्हें असल हालातों के लिए डिज़ाइन करते हुए — हाई-कॉन्ट्रास्ट लेआउट, बड़े टैप टारगेट, और छोटे फॉर्म ताकि ड्राइवर तेज़ी और सुरक्षित तरीके से एक डिलीवरी लॉग कर सकें।
उनके पीछे के API: ये फीचर जिन CRUD API से पढ़ते और लिखते हैं, उन्हें मैंने Hasura के GraphQL इंजन पर बनाया, ताकि मैं एक फीचर को शुरू से आखिर तक शिप कर सकूं — ऑफलाइन कतार, ऑर्डर डेटा, और डिलीवरी लॉगिंग सब मेरे ही संभाले हुए एंडपॉइंट से बात करते हैं।

यह क्यों मायने रखता था

एक फोन-हाथ-में, चलते-फिरते संदर्भ के लिए डिज़ाइन करने से ऐप फील्ड में इस्तेमाल करने में तेज़ हुआ। ड्राइवर एक लैग करती स्क्रीन से जूझने के बजाय सड़क और डिलीवरी पर ध्यान दे सके, जिससे डिलीवरी चलती रहीं।