Giter Site home page Giter Site logo

andrewzeus / friendlypix-ios Goto Github PK

View Code? Open in Web Editor NEW

This project forked from firebase/friendlypix-ios

0.0 1.0 0.0 10.63 MB

Friendly Pix iOS is a sample app demonstrating how to build an iOS app with the Firebase Platform.

Home Page: https://itunes.apple.com/us/app/friendlypix/id1318492920

License: Apache License 2.0

Ruby 2.41% Swift 97.36% Shell 0.23%

friendlypix-ios's Introduction

Friendly Pix iOS

FriendlyPix is a simple app to capture and share your favorite moments. It demonstrates the best practises of building an iOS app on the Firebase Platform. Follow interesting accounts of your choice. Interact with them through the comments. Stay up-to-date with the latest photos posted in the community.

Use FriendlyPix to:

  • Post photos you want to keep on your profile grid.
  • Search profiles for friends and family.
  • Follow accounts to add photos from them in your Home feed.
  • Explore the latest photos from the Trending feed.
  • Interact with community through the comments under each photo.

Initial setup, build tools and dependencies

Friendly Pix iOS is built using Swift and Firebase. The Auth flow is built using Firebase-UI. Dependencies are managed using CocoaPods. Additionally server-side micro-services are built on Cloud Functions for Firebase.

Simply install the pods and open the .xcworkspace file to see the project in Xcode.

$ pod install
$ open your-project.xcworkspace

Create Firebase Project

  1. Create a Firebase project using the Firebase Console.
  2. To add the FriendlyPix app to a Firebase project, use the bundleID com.google.firebase.friendlypix.
  3. Download the generated GoogleService-Info.plist file, and copy it to the root directory of this app.

Google Sign In Setup

  • Go to the Firebase Console and navigate to your project:
    • Select the Auth panel and then click the Sign In Method tab.
    • Click Google and turn on the Enable switch, then click Save.
  • Open your regular Info.plist, navigate to URL types > Item 0 > URL schemes, and replace the value of YOUR_REVERSED_CLIENT_ID with the value of REVERSED_CLIENT_ID from the GoogleService-Info.plist`.
  • Run the app on your device or simulator.
    • Select Sign In and select Google to begin.

Facebook Login Setup

  • Go to the Facebook Developers Site and follow all instructions to set up a new iOS app. When asked for a bundle ID, use com.google.firebase.quickstart.AuthenticationExample.
  • Go to the Firebase Console and navigate to your project:
    • Select the Auth panel and then click the Sign In Method tab.
    • Click Facebook and turn on the Enable switch, then click Save.
    • Enter your Facebook App Id and App Secret and click Save.
  • Open your regular Info.plist and replace the value of the FacebookAppID with the ID of the Facebook app you just created, e.g 124567. Save that file.
  • In the Info tab of your target settings add a URL Type with a URL Scheme of 'fb' + the ID of your Facebook app, e.g. fb1234567.
  • Run the app on your device or simulator.
    • Select Sign In and select Facebook to begin.

Requirements

The mobile FriendlyPix app need the Cloud Functions, the Realtime Database rules and the Cloud Storage rules to be deployed to work properly. You can find instructions at FriendlyPix Web Repository.

Contributing

We'd love that you contribute to the project. Before doing so please read our Contributor guide.

License

© Google, 2011. Licensed under an Apache-2 license.

friendlypix-ios's People

Contributors

andrewzeus avatar dpebot avatar morganchen12 avatar ulukaya avatar willlarche avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.