Join the first ever Los Angeles Facebook Developer Circle Hackathon

We’re bringing together the Los Angeles developer community for our first ever Hackathon! Together we will build innovative software for the future using Spark AR, Messenger and React/React Native – with some awesome prizes on offer.

Over two days, attendees will be focusing on one or more of the following areas:

Gaming and entertainment – let’s add some fun into our forward-thinking!
Productivity and utility – let’s strive to make applications more efficient!
Social good – together, let’s build for positive impact in people’s lives!

There will also be plenty of opportunity to network with fellow developers, and to take advantage of on-site coaching and advice from the Facebook Developer Circle team as you build your skills in emerging technologies.

What to do before you arrive:

    • Read, sign and acknowledge the Hackathon Rules by 6:00PM PST on February 22, 2020.
    • Get familiar with the featured Facebook Developer products.
    • Join the Facebook Developer Circle: Los Angeles to connect with other Hackathon participants.

View full rules


This event is open to teams of 1 to 5 participants that attend the hackathon in person in Los Angeles. See Official Rules for additional eligibility factors


You are encouraged to use at least one Facebook product to have an eligible submission. How well you use them can affect the Implementation-related judging criteria which includes “the extent to which Facebook tools are leveraged.” Make sure to adhere to the policies and guidelines of any developer tools.


Graph API

Graph API documentation:
Test and explore the Graph API without code: Graph API explorer
Debug your access token permissions with our Access Token debugger
Build location-aware apps with the Places Graph API


You’ll need a Facebook Page, a Facebook App, then subscribe your page to your app, and set up your app’s webhook to point to your server’s public HTTPS URL. Here’s the tutorial. We recommend using one Page and one App for each individual developer.

Messenger Platform documentation and sample bots with their source code
Build a quick mockup with Botsociety
Get started quickly on Node.js: messenger-node
Expose your localhost server on a public HTTPS URL (useful for webhooks): ngrok
Add webviews to your bot and get the current user’s context from a webview
Need Natural Language Processing? Use Built-in NLP
Add Analytics:

Spark AR

First of all, download AR Studio and AR Player
New to AR Studio? Check out the Quick start guide
Here is the full documentation with tutorials and samples
Want to add a script to your AR effect? The reference is here
Any questions? Check out the public Spark AR Community Facebook Group
Ready to publish your effect? Follow these instructions


Start here: Oculus Developer Center - you’ll find SDKs for Unity, Unreal and WebVR
Coming from React? You’ll love React 360 for your VR apps
First time to React technology? The full guidance is here!
New to Yarn, our package manager? Check it out here!
New to JS ES6? We use it a lot in React 360. The reference is here!
Looking for React 360 templates? Check out these templates
Looking for real world project powered by React 360? Checkout SeedVault and British Museum Tour!

Web, Mobile and Games development

Need a fresh React App with zero setup? Create React App
Want to type-check your Javascript code? Use Flow
Want to code native cross-platform mobile apps with Javascript and React? Try expo and expo-cli
Need to debug your iOS or Android app? Flipper has got you covered
Want to resize or transcode images in your app? Go with Spectrum
Need to help users register and log in? Use Facebook Login and Account Kit
Want to build a game? Check out our tools
Get started building an Instant Game that you can play on Facebook: Getting Started


Mavis Yao

Mavis Yao
Facebook Developer Circle: Los Angeles Lead

Judging Criteria

  • Quality of the Idea (30%)
    Includes creativity and originality of the idea.
  • Implementation of the Idea (50%)
    Includes how well the idea was executed by the developer and the extent to which the Facebook products were leveraged, and considerations for user privacy.
  • Potential Impact (20%)
    How much impact the product could have in its stated strategy.


  • AR/VR
  • Communication
  • Productivity