Բջջային · Պատվեր և լոյալություն
Նախնական պատվերի և լոյալության հավելված սրճարանների ցանցի համար
iOS և Android հավելված, որտեղ հաճախորդները նախապես պատվիրում են, վճարում, վերցնում պատվերը QR կոդով և հավաքում պարգևներ․ կառուցված է վերևում ներկայացված POS SaaS-ի վրա, գումարած կարիերայի կայք։
- Դեր
- Mobile lead · React Native, կայք
- Տարիներ
- 2026
- Հարթակներ
- iOS և Android · Կայք
- Իմ մասնաբաժինը
- ~50% commit-ների
Խնդիրը
Հավելվածը պետք է լիներ ակնթարթային և բնական՝ աշխատելով դեռ զարգացող backend-ի հետ։ Հյուրերը պետք է ազատ դիտեին և մուտք գործեին միայն անհրաժեշտության դեպքում՝ վերադառնալով ճիշտ այնտեղ, որտեղ էին։
Ինչպես լուծեցի
- 01
Մեկ adapter շերտ նորմալացնում է backend-ի յուրաքանչյուր պատասխանը, ուստի վերանվանված դաշտը երբեք չի հասնում էկրաններին։
- 02
Էկրանները միայն կարդում են store-երից, իսկ store-երը կանչում են API-ը․ տվյալների հոսքը մնում է կանխատեսելի, երբ հավելվածն աճում է։
- 03
Փակ tab-երը հիշում են հյուրի դիրքը և մուտքից հետո վերադարձնում նրան նույն տեղը։
- 04
Editor hook-ը հաղորդում է միայն նոր տիպային, lint կամ թարգմանության սխալները՝ գրանցված baseline-ի համեմատ, ուստի որակը կարող է միայն աճել։
- 05
Figma-ն ընդդեմ simulator-ի pixel ստուգում, որը համեմատում է պատրաստի էկրանները դիզայնի հետ։
Ինչ է անում
- OTP մուտք և դիտում որպես հյուր
- Մենյուներ, կոմբոներ, հավելումներ և առաջարկներ
- Սերվերային զամբյուղ՝ գնային հաշվարկներով և պլանավորված պատվերներով
- Վճարում քարտով և դրամապանակով, պահպանված քարտեր, չավարտված վճարման շարունակում
- QR պատվերը վերցնելու համար, պատվերների պատմություն և կրկնակի պատվեր մեկ հպումով
- Միավորներ, պարգևներ, մարտահրավերներ և լոյալության քարտերի դրամապանակ
- Մասնաճյուղերի որոնում քարտեզով, բաց և մուգ թեմաներ
- Պարտադիր թարմացում և սպասարկման ռեժիմ remote config-ի միջոցով
Արդյունքներ
- Հավելվածի route
- ~43
- State store
- 10
- Լեզու
- 3
- React Native տարբերակ
- 0.86
- ~43 նավիգացիոն route և 10 store՝ React Native-ի New Architecture-ի վրա
- Երեք լեզու՝ բանալիների համապատասխանության ստուգմամբ
- Կարիերայի կայք՝ CMS-ով կառավարվող թափուր աշխատատեղերով և պաշտպանված դիմումի ձևով
Տեխնոլոգիաներ
- React Native 0.86
- TypeScript
- Reanimated 4
- Zustand
- Next.js 16
Ինտեգրացիաներ
- Ameria
- Idram
- Firebase
- Yandex Maps
- MapKit
Մանրամասները, անունները և վիզուալները ընդհանրացված են՝ հաճախորդների գաղտնիությունը պահպանելու համար։ Սիրով կներկայացնեմ ճարտարապետությունը զանգի ընթացքում։
Պրոդուկտի գաղափար ունե՞ք։Եկեք ստեղծենք այն։
Պատմեք ձեր գաղափարի, պրոդուկտի կամ թիմի մասին։ Սովորաբար պատասխանում եմ մեկ աշխատանքային օրվա ընթացքում։