Enappd enappd

Enappd provides you latest app starters and templates to get your app up and running. We are on the mission to reduce the time taken to develop apps.

enappd / Home.page.html

Last active June 27, 2022 19:16

TomTom Maps in Ionic Capacitor App

enappd / cap-http.page.ts

Created July 31, 2021 16:45

Ionic http calls demo - Capacitor Http

	import { Component, OnInit } from '@angular/core';
	import { Platform } from '@ionic/angular';
	import { Http, HttpResponse } from '@capacitor-community/http';
	@Component({
	selector: 'app-cap-http',
	templateUrl: './cap-http.page.html',
	styleUrls: ['./cap-http.page.scss'],
	})
	export class CapHttpPage{
	plt: string;

enappd / ionic-native-adv.page.ts

Created July 31, 2021 16:35

Ionic http calls demo - Ionic Native Advanced

	import { Component, OnInit } from '@angular/core';
	import { Platform } from '@ionic/angular';
	import { HttpClient } from '@angular/common/http';

	@Component({
	selector: 'app-ionic-native-adv',
	templateUrl: './ionic-native-adv.page.html',
	styleUrls: ['./ionic-native-adv.page.scss'],
	})
	export class IonicNativeAdvPage{

enappd / app.module.ts

Created July 31, 2021 16:32

Ionic http calls demo - Ionic Native Advanced

	import { NgModule } from '@angular/core';
	import { HttpBackend, HttpXhrBackend } from '@angular/common/http';
	import { NativeHttpModule, NativeHttpBackend, NativeHttpFallback } from 'ionic-native-http-connection-backend';
	import { Platform } from '@ionic/angular';

	@NgModule({
	declarations: [],
	imports: [
	NativeHttpModule
	],

enappd / ionic-native.page.ts

Created July 31, 2021 16:26

Ionic http calls demo - Ionic Native Http (cordova)

	import { Component, OnInit } from '@angular/core';
	import { Platform } from '@ionic/angular';
	import { HTTP } from '@ionic-native/http/ngx';

	@Component({
	selector: 'app-ionic-native',
	templateUrl: './ionic-native.page.html',
	styleUrls: ['./ionic-native.page.scss'],
	})
	export class IonicNativePage {

enappd / http-client.page.ts

Last active July 31, 2021 16:28

Ionic http calls demo - Angular HttpClient

	import { Component, OnInit } from '@angular/core';
	import { Platform } from '@ionic/angular';
	import { HttpClient } from '@angular/common/http';

	@Component({
	selector: 'app-http-client',
	templateUrl: './http-client.page.html',
	styleUrls: ['./http-client.page.scss'],
	})
	export class HttpClientPage {

enappd / fetch.page.ts

Last active July 31, 2021 16:28

Ionic http calls demo - Fetch API

	import { Component, OnInit } from '@angular/core';
	import { Platform } from '@ionic/angular';
	@Component({
	selector: 'app-fetch',
	templateUrl: './fetch.page.html',
	styleUrls: ['./fetch.page.scss'],
	})
	export class FetchPage {
	localhost:string = 'localhost';
	plt: string;

enappd / index.js

Created July 31, 2021 14:37

Ionic http calls demo - Firebase functions

	const functions = require('firebase-functions');
	const cors = require('cors')({ origin: true });

	exports._getData = functions.https.onRequest((request, response) => {
	const res = { data: request.query.data \|\| 'failed' };
	response.send(res);
	});

	exports._postData = functions.https.onRequest((request, response) => {
	const res = { data: request.body.data };

enappd / landing.page.ts

Last active July 26, 2021 18:36

Ionic Angular Capacitor Google Login

	import { Component } from '@angular/core';
	import { ActivatedRoute, Router } from '@angular/router';
	import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth';
	import { Http } from '@capacitor-community/http';

	@Component({
	selector: 'app-landing',
	templateUrl: './landing.page.html',
	styleUrls: ['./landing.page.scss'],
	})

enappd / home.page.ts

Created July 26, 2021 17:51

Ionic Angular Capacitor Google Login

	import { Component } from '@angular/core';
	import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth';
	import { Router, NavigationExtras } from '@angular/router';
	@Component({
	selector: 'app-home',
	templateUrl: 'home.page.html',
	styleUrls: ['home.page.scss'],
	})
	export class HomePage {
	constructor(private router: Router) { }