DineHub – Restaurant Food Delivery App | React Native CLI 0.72.4 | TypeScript | Redux Store

Features:

– Built with React Native CLI 0.72.4.
– Only Functional Components & React Hooks.
– All icons in SVG format.
– For Android & IOS
– Well structured components
– You can add to cart product and delete from cart
– You can make product favorite
– Design file in figma format included
– Ready for the Backend
– All files in .tsx format
– Used Preloader for images
– Used Redux and Redux Persist. If you close the application, your added products to the cart or wishlist will not be deleted.

Description:

DineHub is a food delivery mobile app template built on top of React Native. It is available and supports both Android and IOS platforms. If you don’t wish to start development for your online food delivery service from scratch ? DineHub is your answer. App has all the necessary pages an online food requires .

Technology:

• React Native
• TypeScript
• Redux

API:

Used – RTK Query for getting data. API created on a third-party resource.

RTK Query is a powerful data fetching and caching tool. It is designed to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching & caching logic yourself.

Endpoints: products.json, banners.json, carousel.json

Important commands to run the application:

npm install

npx react-native eject

cd ios

pod install

cd ..

npx react-native-asset

npx react-native run-ios

npx react-native run-android

Screeens Included:

02 Onboarding 2
03 Onboarding 3
04 Onboarding 4
05 Sign in
06 Forgot password
07 Forgot Password(sent email)
08 New password
09 Sign up
10 Sign up (account created)
11 Verify your phone number
12 Confirmation code
14 Home
15 Menu
16 Menu list
17 Menu item
18 Reviews
19 Favorite
20 Favorites Empty
22 Notifications
23 Burger Profile
24 Edit profile
25 Order history
26 Order history (empty)
27 Leave a Review
28 Track your order
29 Promocodes & gift cards
30 Promocodes & gift cards (empty)
31 Wallet
32 Add a new card
33 Order (empty)
34 Order
36 Checkout
39 Cart
40 Order failed!

Fonts:

• DM+Sans

Images & Icons:

• “freepik”
• “depositphotos”
• “unsplash”
• “flaticon”

Have questions ? Contact me via Telegram: