/Grocery-App-Documentation

Grocery App an online grocery shop CMS. Grocery smart grocery shopping List is a free app that improves the quality of your grocery shopping by making it easier, faster, and most importantly smarter. It is all you would want out of a shopping list and more. Cross-Platform Android & iOS Ionic 3 App has great UI. Grocery App has a Secure Token-Based SHA 256 Authentication. The project backend is developed by using PHP/MySQL/Slim Restful API. The project has powerful backend cms to manage grocery shop online. it has features like add items, remove items, update price, manage orders, manage banners, manage users etc.

Grocery-App-Documentation V5

Grocery App an online grocery shop CMS. Grocery smart grocery shopping List is a free app that improves the quality of your grocery shopping by making it easier, faster, and most importantly smarter. It is all you would want out of a shopping list and more.

Required Software

  1. Install Node.js https://nodejs.org
  2. Xcode (If You Want Build iOS)
  3. Android Studio and SDK ( For Android )
  4. VS Code Editor
  5. Xammp

What Included

  1. Documentation
  2. Client App
  3. Delivery Boy App
  4. Store Manager App
  5. Backend

Setup Backend

  1. Extract Backend to C->Xammp->htdocs

  2. Open PhpMyAdmin, Create New Database

  3. Click on Import Tab and Import database File

  4. Open htdocs Folder

  5. Go-to Admin->Included->config.php

  6. Add Database Credential Which You Created Previous

  7. Save

  8. Goto Htdocs app->Config.php

  9. Add Database Credential Which You Created Previous

  10. Save

Api Connection (Ionic 5)

src/enviornments

Add Your Api Link in There

Setup Client APP

  1. Extract Client App To Some Folder

  2. Make Sure Node.js Install

  3. Open CMD and Navigate to Client App Directory

  4. Type 'npm install'

  5. After Completion 'npm install @ionic/app-scripts@latest --save-dev'

  6. Next 'Ionic Serve'

  7. Open Client App files into Any Editor

  8. Goto src->providers->hkproviders.ts

  9. Setup Api End Connection Here and Also Setup Token etc.

Like 'localhost/grocery'

  1. Save and Check in Browser.

Setup Delivery Boy APP

  1. Extract Delivery Boy App To Some Folder

  2. Make Sure Node.js Install

  3. Open CMD and Navigate to Delivery boy App Directory

  4. Type 'npm install'

  5. After Completion 'npm install @ionic/app-scripts@latest --save-dev'

  6. Next 'Ionic Serve'

  7. Open Client App files into Any Editor

  8. Goto src->providers->auth.ts

  9. Setup Api End Connection Here.

Like 'localhost/grocery/app'

  1. Save and Check in Browser.

Setup Store Manager APP

  1. Extract Store ManagerApp To Some Folder

  2. Make Sure Node.js Install

  3. Open CMD and Navigate to Store Mangaer App Directory

  4. Type 'npm install'

  5. After Completion 'npm install @ionic/app-scripts@latest --save-dev'

  6. Next 'Ionic Serve'

  7. Open Client App files into Any Editor

  8. Goto src->providers->auth.ts

  9. Setup Api End Connection Here.

Like 'localhost/grocery/app'

  1. Save and Check in Browser.

Build Apk For Android

  1. Make Sure Enviornment Setup Properly

https://medium.com/@hubfly/how-to-build-ionic-app-in-android-step-by-step-31068d885d24

  1. Navigate To App Directory using CMD
  2. Type 'ionic cordova platform add android'
  3. Type 'ionic cordova build android or ionic cordova run android'
  4. navigate to build directory and check apk.

Build for iOS

  1. Make Sure You have iOS Enviorment (Macbook)
  2. Install Xcode from App Store
  3. Install Node.js also on Mac.
  4. Navigate to Project Directory using Terminal.
  5. Type 'npm Install'
  6. Type 'sudo ionic cordova platform add ios'
  7. Type 'sudo ionic cordova build ios'
  8. Open platform/ios folder.
  9. There is One Xode Project File.
  10. Open Using Xcode.
  11. Just Build and Run.
  12. App Open In Iphone Simulator.

For Capacitor Integration (For Android & iOS Build)

  1. ionic build
  2. npx cap init
  3. npx cap add ios OR npx cap add android 4 npx cap copy --> For Sync Project

More Help ->> https://capacitorjs.com/docs/getting-started/with-ionic

Where to Change Logo

  1. Navigate to www/assets/imgs for app
  2. Replace Logo File (256px x 256px)

Change App Name

  1. Go To www/assets/i18n for app
  2. Replace String 'appname' to Your Name

Change Currency

  1. Go To src/pages for app
  2. Replace String 'appname' to Your Name
  3. Find Currency Symbol and Simple Replace With Your Currency Symbol
  4. Replace in Every Page.

Change Splash And App Icon

  1. Replace Your Splash.png and icon.png with same size.
  2. Navigate To App Folder and Type 'Ionic cordova resources' in Cmd or Terminal
  3. Again Build And Check.

Always use HTTPS for Production for Avoiding Error.

  • Api endpoint Must Be Https

Useful Links : https://ionicframework.com/docs/v3/

Contact For Support & Help ?

We Available for Free and Paid Tech Support.

Script is Protected with DMCA | Dont Share & Download From Others Websites Otherise Your Complete Website Take Down Copyright infringement.