This is the entire source code of the official f8 apps, available on the App Store as well as on Google Play.
Read more about these apps on our blog: Open Sourcing the f8 Conference Apps
First, you need to clone the repository.
Next, you'll need to create a new Parse app. For simplicity, we've included a JSON export of the f8 app which you can use for an initial import of data into your own app.
You'll also need to create a Facebook app and configure it for the platforms you wish to test on.
-
Go to your Parse Dashboard and create a new Parse app.
-
Copy your new Parse application id and client key. You will need these later. Remember that you can always get your keys from your app's Settings page.
-
Locate the
data
folder in your local clone of the repo. Here you will findGeneralInfo.json
,Message.json
,Room.json
,Slot.json
,Speaker.json
, andTalk.json
. These can be imported into your brand new Parse app. -
Go to your app's Data Browser, and click on the "Import" button. Choose
GeneralInfo.json
and give your new class the name "GeneralInfo". Repeat this for each of the json files in thedata
folder, giving them the appropriate class name. -
When the data is imported, images files are not brought over. We've provided images for the
Room
icons that you can use. To add these:- Locate the
assets
folder in your local repo. - Go to
Room
class in your Data Browser. - Delete the
gameslounge.png
entry in theicon
field. - Upload the
gameslounge.png
file from theassets
folder. - Repeat these steps for all other images you find in the
assets
folder.
- Locate the
-
We've also provided images for the
Talk
classicon
fields that are set. Replace these images in theTalk
class with the corresponding ones in theassets
folder:afterparty.png
,registration.png
, andlunch.png
.
Other images, such as speaker images will show up as blank. You can upload your own images to make them visible.
-
Go to the Facebook App Dashboard and create a new Facebook app.
-
Configure your Facebook app:
- iOS Setup. During this step, you may initially set the
Bundle Identifier
to "com.parse.f8". If you later change the bundle identifier in your Xcode project, be sure to return to the app dashboard and modify this setting. - Android Setup. During this step, you may initially set
Package Name
to "com.parse.f8" andClas Name
to "com.parse.f8.DispatchActivity". If you later change the Android package name in the code, be sure to return to the app dashboard and modify these settings.
- iOS Setup. During this step, you may initially set the
-
Add your Facebook app id and app secret to your Parse app's
Settings > User authentication > Facebook
properties. -
Note your Facebook
App ID
andDisplay Name
. You will need these later.
Next, go through the setup instructions for iOS and/or Android.
First, make sure you've gone through the "Initial Setup" instructions.
Then, to install the f8 app on iOS you need to configure the project with your app keys:
- Open
ios/F8 Developer Conference.xcodeproj
in Xcode. - Modify
PDDAppDelegate.m
to use your Parse application id and client key. - Modify
F8 Developer Conference-Info.plist
to configure your Facebook settings:- Set your Facebook app id in the
FacebookAppID
property. - Set your Facebook app id in the
URL types > Item 0 > URL Schemes > Item 0
using the format fbYour_App_id (ex. for 12345, enter fb12345). - Set the
Bundle identifier
property to match your Facebook app dashboard'sBundle ID
setting. - Set the
FacebookDisplayName
property to match your Facebook app dashboard'sDisplay Name
setting.
- Set your Facebook app id in the
- Build and Run.
Once you've confirmed that everything is working correctly, you may modify the general conference info and the list of Talks, Speakers, and Rooms to suit your conference.
First, make sure you've gone through the "Initial Setup" instructions.
Then to install the f8 app on Android, you need to import the f8 project and supporting library projects. You'll then configure the f8 project with your app keys. You also need to obtain a YouTube API key from Google if you wish to see video playback in action:
you need to configure the project with your app keys. The app depends on Android's v7 appcompat Support Library so you'll need to set that up. You also need to obtain a YouTube API key from Google if you wish to see video playback in action:
- Import the
android
f8 project in your IDE of choice, such as Eclipse. - Import the
appcompat
Android Support library project from the local repo. - Import the
facebook-android-sdk
Facebook SDK library project from the local repo. - Follow the instructions on Google's developer site to register your application and obtain a YouTube developer key. Set up an API key for Android.
- Modify the f8 project's
strings.xml
file to use your Parse application id, Parse client key, Facebook app id, and YouTube developer key. - Build and Run.
Once you've confirmed that everything is working correctly, you may modify the general conference info, the list of Talks, Speakers, and Rooms to suit your conference.