jlooper / giftler

🎁 Gift-giving made easy, with Firebase, NativeScript, and Angular 2

Giftler - Make managing holiday wish lists super easy!

This codebase is a demo to show how to use Angular 2 with NativeScript and Firebase to create a mobile app for holiday wish-list management.

• Using the Firebase Authentication module, register, log in, and manage your password.
• Using the Firebase Realtime Database, manage data flow (create, edit, and delete).
• Using Firebase's Remote Config service, send messages to your app
• Using the Storage Bucket that comes with your Firebase account, save photos of your gifts!

Read the article, forthcoming on various blogs

giftler's Issues

Can't get project running on iOS simulator

Based on following : https://www.nativescript.org/blog/merry-and-bright-create-a-mobile-app-with-firebase-angular-2-and-nativescript

I tried running the Giftler app as is. (haven't uploaded own google-services.json and GoogleService-Info.plist yet)

cocoapods-1.1.1
node v6.2.2

I am getting the following error :

ENOENT: no such file or directory, open '/Users/apiXx/Google Drive/SWK/giftler/platforms/ios/giftler/giftler-Info.plist'

Uploading own google-services.json and plist file resulting in same kind of error. It's searching for a plist file in format: CFBundleIdentifier-Info.plist. Rather then using the GoogleServices-Info.plist??

**edit turns out a fresh install with nativescript cli solved this issue.

RadSideDrawer

Trying to import RadSideDrawerComponent in this project and following guides on
http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/overview

But everytime when I get on the page where the RadSideDrawer is supposed to be I see this in the log :

EXCEPTION: Error in :0:0 caused by: undefined is not an object (evaluating 'this.drawerComponent.sideDrawer')

SIDEDRAWER_DIRECTIVES are imported in the app_module

package.json :

{
  "description": "Gift giving made easy!",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "nativescript": {
    "id": "com.ladeezfirstmedia.giftler",
    "tns-ios": {
      "version": "2.4.0"
    },
    "tns-android": {
      "version": "2.4.1"
    }
  },
  "dependencies": {
    "@angular/common": "2.2.1",
    "@angular/compiler": "2.2.1",
    "@angular/core": "2.2.1",
    "@angular/forms": "2.2.1",
    "@angular/http": "2.2.1",
    "@angular/platform-browser": "2.2.1",
    "@angular/platform-browser-dynamic": "2.2.1",
    "@angular/router": "3.2.1",
    "nativescript-angular": "1.2.0",
    "nativescript-camera": "^0.0.8",
    "nativescript-iqkeyboardmanager": "^1.0.1",
    "nativescript-plugin-firebase": "^3.8.4",
    "nativescript-telerik-ui": "^1.5.1",
    "nativescript-theme-core": "^1.0.2",
    "reflect-metadata": "~0.1.8",
    "rxjs": "5.0.0-beta.12",
    "tns-core-modules": "2.4.1"
  },
  "devDependencies": {
    "babel-traverse": "6.20.0",
    "babel-types": "6.20.0",
    "babylon": "6.14.1",
    "lazy": "1.0.11",
    "nativescript-dev-android-snapshot": "^0.*.*",
    "nativescript-dev-typescript": "^0.3.2",
    "typescript": "^2.0.10",
    "zone.js": "~0.6.21"
  }
}

your exemplo with Firestore on nativescript 8 and @nativescript/firebase-core

Hi Jen Looper.

Thanks for your tutorial, I'm learning Nativescript, actually relearning, I already made a small app using Firebase and Nativescript 6, but I didn't get to read data from Database or Firestore, and I'm now with a new mission where I should use Firestore, I thought your tutorial would solve it my doubts, but you are using Firebase Database, and I'm stuck on exactly how to get data from Firestore to make a list (array) and keep it always updated in real time.

This app that I'm developing monitors whether a document is assigned to a user or not, the logic is already planned, but I don't know how to develop the method that returns the list as an Observable integrated into Firestore, could you help me?

I tried to use the addValueEventListener function but it doesn't exist for Firestore, besides the Observable.share() function is not being found in the RxJS I'm using.

Here's my environment:

"Nativescript": 8
"RxJS": 7.5.0
"@Nativescript/firebase-core": 2.3.4
"@Nativescript/firebase-firestore": 2.3.4

Grateful for the attention.