khalidahmedshalabi / tazawaq Goto Github PK

put restaurant name in navigation title

This is a sub-tab inside Orders tab. This is for restaurant admins to see incoming orders. The user first has to login with restaurant ID then see a list of incoming orders. We should store Logged-In status using AsyncStorage, so we don't ask for login info every time. Push-notifications as well.

You will find component called header.js add sort icon navigate to sorting screen besides search icon

Can be done in a better way...

Sign up with phone number or email. Signup is optional.

Require info

• Full name
• Address (Location)

• User may reset password via phone number or email.
• Validate formats of both.
• Send code to any of those.
• The code must expire.

Pay when delivered + delivery cost (determined by the restaurant)

https://docs.expo.io/versions/latest/guides/push-notifications.html#1-save-the-users-expo-push-token-on-your-server

From who should you store it?
Store owners

When should you store it?
As soon as they login, at this moment. Send a request to that endpoint.

Sign-up

• Can use phone number or email to create an account
• Validate formats of both
• Send verification code via email or SMS
• Verification codes must expire for the sake of security (< 20 mins)

Sign-in

• Can use phone number or email to sign in
• Validate formats of both

May help

• https://github.com/thegamenicorus/react-native-phone-input
• https://github.com/Sembiance/email-validator/blob/master/index.js
• https://www.w3schools.com/nodejs/nodejs_email.asp
• https://www.twilio.com/docs/quickstart/node/programmable-sms

[9:46 AM, 2/22/2018] مستشفي + نقل: الواجهه تحتاج اكثر جاذبيه
[9:46 AM, 2/22/2018] مستشفي + نقل: للمستخدم
[9:47 AM, 2/22/2018] مستشفي + نقل: المفروض يكون فيه خلفية جميله
[9:47 AM, 2/22/2018] مستشفي + نقل: وليست لون ابيض

Auto fill this from GPS data, https://github.com/khalidahmedshalabi/tazawaq/blob/master/screens/LocationSetting.js#L134

https://github.com/zhangtaii/react-native-location-picker
https://github.com/zhangtaii/react-native-google-place-picker

Store the location using AsyncStorage, so we can load it into our state.location in Header.js

Maybe in login screen? I don't have ideas now..

Allow users to add comments (in #7 page only?). For whoever gonna work on this, here's the whole commenting system done, just copy paste it and modify if needed

https://github.com/HossamSamir/ibn-aljawzi-app/blob/8c51636e646aeaa17dc0e07269a1035935a85f7a/screens/Book.js

We need to talk to discuss this issue

https://github.com/khalidahmedshalabi/tazawaq/blob/master/screens/LocationSetting.js#L70

That handling has no effect on iOS devices

Display a list of meals and offers (and?) of the selected restaurant. The user navigates to this screen by pressing on a Restaurant in HomeScreen for example..

Should display restaurants in a fancy way. A mix of horizontal and vertical lists and what not...

👆اذا وضعت في السلة اي منتج
لازم تكون فيه علامه على السلة بالعدد

• A new tab in TabNavigator.
• Display all offers.
• Endpoint: https://github.com/HossamSamir/tazawaq-api/blob/master/routes/api/offers.js#L46
• How it might look like:
  

ايضا
عندما
اسوي تسجيل دخول
يعود و يرجع
لواجهة التطبيق

شوفوا المسافة بالاعلى مشوهة الشكل بالتطبيق

We must do this to increase the limit at the end https://developers.google.com/places/web-service/usage Link the credit card of our client to have a larger quota

https://docs.expo.io/versions/latest/guides/push-notifications.html#3-handle-receiving-andor-selecting-the-notification

• App receives notifications only for store owners when their store receives an order.
• Check if needed, (from AsyncStorage) if owner is logged in

Everything needed https://github.com/HossamSamir/tazawaq-api/blob/master/routes/api/tickets.js

https://github.com/vinnyoodles/react-native-socket-io-example/blob/master/client/index.js

This screen has two three tabs or MAKE A LIST, whatever.. 😄

1. Old orders
2. Current orders
3. Admin orders #15

الشيء الاخر لا يمكن
اضافة منتج من مطعم و اخر من مطعم
كل مطعم له عمليه شراءلوحده

• Name
• Address (Location)
• Address hint
• Email (correct format)
• Log out
• Sign in
• Sign up

Display information about an order such as expected delivery time. The user navigates to this screen when they press an order in Orders screen..

• A lightbox (or whatever the terminology is) displaying the latest offer on app startup.
• Endpoint: https://github.com/HossamSamir/tazawaq-api/blob/master/routes/api/offers.js#L1
• How it might look like:
  

We gotta handle what comes from this line searchingFor: this.state.searchText in doSearch arrow function in components/Header.js, fetch the correct result from the database and display in a new screen (SearchResult.js)

• Display username
• Adjust margins
• Illustration (note: the header problem is already in a separate issue #33, so ignore here)
  

A header is supposed to be there in main screens. Do you have any ideas for this? Like, what can be there in the header? Or should we even make it appear in all main screens or only HomeScreen? Etc.. @amr33mohamd