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!
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
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
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
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.
The React Native Show is a video series from the React Native team covering updates to React Native