REQUIRED DEVELOPER PRODUCTS

The 2019 New York Facebook Developer Community Hackathon requires you to build software that falls into any of the categories shown below and incorporates at least one of the following Facebook Developer products and open source technologies: 

  • React/React Native – React is a library designed to simplify the creation of complex UI. Learn more. React Native is an open-source mobile application framework that enables developers to build applications for Android, iOS and Web and to use React along with the native platform capabilities. Learn more.
  • Spark AR – Build interactive, engaging, and customizable augmented reality experiences with Spark AR Studio. Learn more.
  • Messenger Platform – Deploy a fully functional Messenger experience and build a bot within few minutes. Learn more. 

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. If you need additional technical help, notify one of the Facebook support attendees on location!

Messenger

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: https://github.com/facebookincubator/messenger-analytics-node

You can get started by creating a test page and test app that allows you to try your experience within Messenger. We have some examples that can get you started. Once your app is ready to deploy, you can submit it for review. When your app passes our review process, it will be ready to interact with the public.

In order to get started, you will need Messenger, a Facebook Page, and a url where the webhooks to be sent to.

Here is a step-by-step guide to deploy the above experience into your test page to get you started. You only need 30 minutes to complete the guide and it takes you from creating a Page to having a bot running on your Page from your server or local machine. The guide will walk you through installing the following open source code (https://github.com/fbsamples/original-coast-clothing).

The experience that you will be deploying can be tested here: https://m.me/OriginalCoastClothing

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

React

Check out the Getting Started page for a quick overview

Use Online Playgrounds to get a taste of React

Do a simple tutorial on React at https://reactjs.org/tutorial/tutorial.html

Need a fresh React app with zero setup? Create React App 

First time to React technology? The full guidance is here

React Native

Follow the Getting Started guide to create your first app

For more details, the full documentation for React Native can be found on this website.

You can learn more about the vision for React Native in the Roadmap.

If you need help, read through the existing questions tagged with react-native or ask your own!

The React Native Show is a video series from the React Native team covering updates to React Native