React-Native Delivery App

a delivery app by react native for me to learn and expand my knowledge in the technology.

installation

clone the repo first

  npm clone [email protected]:medomy/react-native-delivery.git
  cd react-native-delivery

then start the app

  npm i
  npm start

Walk through

• first we have Home screen that shows the available categories and restaurants.
• then we have a detail screen for each restaurant that shows a carousel of menu items that you can choose from.
• then we have the map screen which will not be shown in the right way unless you provide a google api key.

Tech Stack

Client: React-Native, Redux, Typescript

Server: dummy data found in the src/data directory

libraries:

• @react-native-community/geolocation
• react-native-reanimated-carousel
• react-native-maps
• react-native-svg

Appendix

design inspired from : dribble design

note that to access the map module you should add the google maps api key in Android/app/src/main/AndroidManifest.xml

<application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:allowBackup="false"
      android:theme="@style/AppTheme">
      <!-- put your api key here -->
      <meta-data
        android:name="com.google.android.geo.API_KEY"
        android:value="Your Google maps API Key Here"/>