Ionic 3 Restaurant app with Firebase
What’s new in version 4.0.0
Ionic Framework update to 3.6.x, Angular version also updated to latest one . Payment integration Stripe + Paypal , Chat integration with our backend , product order status , AngularFire update with 4.x . There many small CSS improvement and bugs fixing . Angular Service for Each component earlier we render everything from one JSON file. Profile image upload to Firebase Storage.
We Release our NodeJS backend Dashboard that you can check on our website.
You can checkout our Firebase backend as well :
NodeJS Backend Dashboard :
NodeJS API :
Ionic Restaurant app follow a flat design standard and develop with Ionic 3. You can use it for any restaurant , Bakery, Coffee Shop , E-commerce Shop. It contains many useful screen and element. It Build with Angular 4 , Ionic 3, Typescript and SASS to take advantage of the future web standards. user can access all your shop product catalogue with there category and buy the item they wanted or save to own favourite list and can buy item later on.
TWO WAY YOU CAN USE THIS APP
API : It’s complete working apps and ready to integrate any API , all the logic and Services has been written so it’s Just Hours of work and your Complete E-commerce app running Live. Services Rendering all Data through our NodeJS API. You are free to use any of your api or can buy our NodeJS API .
FIREBASE : you will get firebase version of code as well so in app side there nothing to work just plug and play. If you needed you can develop own dashboard to manage order or we provide that product separately as well.
SOME FEATURE LIST
- Payment Integration Paypal + Stripe
- User can chat with Admin
- Product order status
- Angular 4 + Ionic 3 + Typescript(2.2.1)+ i18n Full App ( Latest Ionic V3.6.x )
- Multiple Languages (i18n) – Change the language Directly from setting module. uses (ng2-translate) with unlimited languages support
- Google Maps (Google Maps Module)
Ionic Native Facebook
- Facebook Login
- Access user basic info from Facebook Graph API
- Ionic Native Google Plus
Ionic Native Twitter ( Twitter connect Native module)
- Twitter Login
- Contact Form with Email Composer(used to send email from app )
Ionic Native 3.x
- @ionic-native/email-composer ( Send email from contact page)
- @ionic-native/geolocation ( Get the current user position )
- Written in SASS and Code optimize
- Integrate with any API you have.
- Firebase can use if you don’t have api
- Coupon code
- Order history
- Order menu items
- Save favourite items
- Offers menu item
- PUSH notification with onesignal
- Native app share
- Leave comment and review
- News or Blog page to keep user updated
SCREENS (Component and Modules)
- Order history
- Order history Details
- Add Review on item
- Order status
- About us
- Google MAP
- News list
- News Details
- Thank you
In Firebase version we forget to upload dummy JSON data so you can download from this URL and use https://www.dropbox.com/s/rr9zhlm8gqatzph/restaurant.json?dl=0 .
Common Error :
mx.ferreyra.callnumber if this module show error 404 . Just remove it from package.json and install npm modules then run below command.
ionic cordova plugin add call-number
npm install—save @ionic-native/call-number
There some issue with this Native module so you need to follow this guide.
Please Follow below command if you are using ionic Cli 3.X if you are still using 2.X you can continue using the command we provided in docs
#Install Latest Ionic Framework
$ npm install -g [email protected]
#Browse the App
navigate to project directory
#Test your app on multiple screen sizes and platform types by starting a local development server
$ ionic serve
$ ionic serve --lab
$ ionic cordova platform add ios
$ ionic cordova build ios --prod --aot
$ ionic cordova platform add android
$ ionic cordova build android --prod --aot
#Deploying/Running on emulator
$ ionic cordova run android --prod
Test before you buy :
You can test the app using Ionic View (ID: d90dd7d9) (Please note that when testing on Ionic View some Cordova plugins will not work) Download it here http://view.ionic.io/
CHANGE LOG : # UPDATE V 4.0.0 - ( 4th OCT 2017 ) - Firebase Chat integration with Admin. - Order status tracking. - Profile image upload on Firebase Storage . - In Firebase API add services for all module instead of earlier one JSON rendering. - Upgraded IONIC 3 to latest V3.6.X . - Payment integration paypal + Stripe . - Upgraded angular4 version. - Cart item bag issue fixed. - Minor CSS fixed on few pages and components . - Docs updated . # UPDATE V 3.1.0 - ( 21th June 2017 ) - Product rating on list page. - Updated and Tested with IONIC CLI 3. - Upgraded Firebase and angularFire to V4.x . - User can leave rating and comment on each product after there order. - Upgraded IONIC 3 to latest V3.4.3 . - Upgraded angular4 version. - Ionic native app share. - Cart item calculation bug fixed. - Minor CSS fixed on few pages. - Docs updated with CLI 3. # UPDATE V 3.0.0 - ( 10th May 2017 ) - About us page added. - Updated IONIC Native Plugins to V3. - Upgrade IONIC 2 to IONIC 3. - Locate us MAP page for Restaurant Location. - IONIC native plugins Call to Number. - Social native Login with FB , TWITTER , G+ for Firebase Version. - Coupon code Integration on checkout page. - i18 MultiLingual support. - Contact Form with Email Composer - Search item on category List page. - Push Notification with OneSignal. - Docs updated. # UPDATE V 2.0.0 - ( 27th Fab 2017 ) - offer and news page added - Minor css improvement - profile page UI updated. - Firebase version ready - Docs updated # UPDATE V 1.1.0 - ( 7th Fab 2017 ) - Upgrade to Ionic Framework 2.0 Final - Minor css improvement - Contact page added - Favourite Module integration # RELEASE 1.0.0 - ( 27th Jan 2017 ) - Initial Release