Ionic mobile application connection with PHP server

Travel Data Post – Ionic App With PHP Backend : https://www.codester.com/items/4052/travel-data-post-ionic-app-with-php-backend

Ionic 2.2.3 framework
Laravel 5.4 PHP framework backend
The mobile app stores the picture, GPS data, title, note in the local database
The app works offline mode. You can upload data when you have internet connection

Google Play store: https://play.google.com/store/apps/details?id=com.ionicframework.traveldatapost493306

The IOS version is on the Apple store: https://www.codester.com/items/4052/travel-data-post-ionic-app-with-php-backend?ref=smartcodecreator

The web host domain: http://qrparty.hu/

Instructions

1. Install NodeJs with deafult setting.
Download from here: https://nodejs.org/en/
You can choose the „Latest Features” or „Recommended Most Users” package.
Tutorial video:
Check npm version:
npm –v

2. Install Android Studio with default setting.
https://developer.android.com/…
Tutorial video:

3. Add device in Android Studio
Tutorial video:

4. Create folder: ionic
Unzip my traveldatapost package

5. Open Console window, step in the app folder (I changed the type of the docs to Courier):
Step in the app folder. In the main folder see config.xml, etc.
cd C:\ ionic\traveldatapost
Install Cordova and Ionic:
npm install -g cordova
This command deletes earlier version of the ionic. Run it.
npm uninstall -g ionic
This project uses ionic 2.2.3 The version number is important.
npm install -g ionic@2.2.3
List plugins:
cordova plugin list Remove all installed plugins:
ionic state clear — plugins
List plugins again:
cordova plugin list

6. Remove Android platform: cordova platform rm android

7. Clean cache: npm cache clean
Install Android again: cordova platform add android

8. Install Ionic plugins step by step:
DB and Camera plugin installation npm install pouchdb
ionic plugin add cordova-plugin-sqlite-2
ionic plugin add cordova-plugin-camera
npm install @ionic-native/camera

9. Install File transfer plugin
npm install @ionic-native/file @ionic-native/file-path @ionic-native/transfer
ionic plugin add cordova-plugin-file
ionic plugin add cordova-plugin-file-transfer
ionic plugin add cordova-plugin-filepath

10. Geolocation plugin
ionic plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation
ionic plugin add cordova-plugin-mauron85-background-geolocation
npm install @ionic-native/background-geolocation

11. Install browser plugin
cordova plugin add cordova-plugin-inappbrowser

12. Test application
ionic run android –l
Open Chrome browser:
chrome://inspect/#devices
Remote Target > inspect
You can check the running, internet connection, upload.
Advice: If you have got error: close console, open it, go to the app directory and run again this command:
ionic run android –l
The test app was built in this folder:
traveldatapost\platforms\android\build\outputs\apk\android-debug.apk

IOS development on the Apple desktop:

– “Mac mini” is the cheapest Mac for the development.

– If you haven’t got Mac you can use Oracle VM:

How to Install macOS Sierra in VirtualBox on Windows 10:

www.howtogeek.com/2895…

+ commands:

1. Npm install environment changed. run:

npm rebuild node-sass

2. solving NSPhotoLibraryUsageDescription key problem:

cordova plugin rm cordova-plugin-camera

cordova plugin add cordova-plugin-camera –variable
CAMERA_USAGE_DESCRIPTION=”your usage message” –variable
PHOTOLIBRARY_USAGE_DESCRIPTION=”your usage message”

ionic build ios --release

How coding almost killed me

Top 8 developer habits: Getting shit done https://www.youtube.com/watch?v=mZNXkQxu9Rw&feature=em-subs_digest
Cares more about the artifact than the construct. Don’t use quality as an excuse to procrastinate, but also don’t use shipping as an excuse to do things that are wrong or sloppy.

Programming is not coding but helping people

John Morris : This wasn’t even that long ago.

Maybe 3 or 4 years.

I did what most coders do.

You get your first few clients and realize, “Hey. People will actually pay me to do this!” And, you go all-in. Taking every client you can get. Making as much muney as you can. And because most of us aren’t super familiar with online marketing… we compete on price.

So, you end up with a bunch of clients…

Each paying you a little…

And, working a ton of hours…

To make your muney.

For me, I literally spent 14-16 hours a day at my desk for about a year. And, it would have killed me. I ballooned up to almost 290 pounds. My back got so bad I couldn’t even sit down for more than a few minutes. I was always stressed out and anxious.

But, when my left arm went numb…

And, wouldn’t come back…

That’s when I knew I had to change.

And so, I started trying to figure out how I could make the same muney while working dramatically less hours. Working with fewer clients, but getting paid more by each. And today, I have one client… and I make more than I did back then.

I don’t spend 16 hours a day at my desk.

I’m not constantly stressed out.

And yes… I can feel my left arm again! 🙂

Something to consider as you go forth in your career.

It’s easy to get caught up in the euphoria of getting paid to code. To say yes to everybody and be driven solely by the muney. But, if you don’t take the right approach you’ll end up working more, making less, and it might just kill you.

Anyway, I talk about everything I’ve learned in this month’s “Get Paid to Code” training over on Patreon. Specifically, we cover the 9 questions you need to answer to go from overworked and underpaid (and underappreciated) to well-paid with a bunch of free time to actually enjoy what you’ve accomplished.

I call my old lifestyle the “McDonald’s Syndrome”.
https://soundcloud.com/johnmorrisonline/how-coding-almost-killed-me

I have a Great mobile app idea ….

1. Validate Your Idea

BUDGET: $0 USD

Before you begin, examine whether you have:
• Clearly identified the value of your app.
• Clearly identified your target audience.
• Clearly identified your solution and its value.

Episode one: What do I do with a mobile app idea? : https://www.freelancer.com/community/articles/what-does-your-mobile-app-idea-and-a-nutella-croissant-have-in-common

2. Spec It Out

BUDGET: $0-200 USD

You need to decide on the design and technical specs of your app. What about the UX and UI design? Which platforms? How will it make you money?
There are so many things to consider. Luckily, we’ve put together a guide.

Episode 2: You’ve validated your app. Now what? : https://www.freelancer.com/community/articles/mobile-app-specs

3. Get a Prototype & Test it

BUDGET: $250-500 USD

Prototyping allows you to visually ‘play’ with your ideas and concepts, while providing invaluable feedback. Not sure how to build a prototype? Save yourself the headache and get one of our expert developers to do it for you!

4. Get It Built

BUDGET: $250-1500 USD

This is where you finally turn your dream into a reality. Developing an app elsewhere is expensive. At Freelancer.com you’ll get the best talent for the lowest price.