Listed here are the APIs for your use.
- Browse the APIs here. Visit docs etc.
- Meet with the API sponsors at the hackathon, particularly on Saturday morning
- Communicate with the API sponsors via their dedicated Discord channel.
- Deploy your apps with Netlify.
Cloud database with generous free plan and distributed ACID transactions for global data integrity. Get started easily and scale to worldwide success.
Stores transactional data like account balances, user profiles, social media content, shopping cart orders, etc.
Install with the netlify command line tool after you have linked your checkout to your app, by running netlify addons:create fauna and you can access your database with environment variables like this:
const client = new faunadb.Client({
secret: process.env.FAUNADB_SERVER_SECRET
});A common pattern with Single Page Apps is for the browser to query a cloud database directly. FaunaDB access control supports apps like this. A demo app using the Netlify Identity service and login widget to authenticate with FaunaDB is available here. Follow the eight steps in the README and you'll be ready to build your own app.
The FaunaDB Query API docs are a good reference.
For getting started with the data model, this tutorial is good. And when you log into fauna.com (not required to get started) you can learn more about the Fauna Shell and other tools here.
I'll walk through these steps live during the Hackathon keynote.
Coming soon.
1st: Apple Watch 2nd: Oculus Go standalone VR headset 3rd: $100 iTunes Gift card
Formspree is a form backend that emails you when someone submits your forms. It’s the simplest way to add custom contact forms, order forms, or email capture forms to your JAMstack website. Once you connect your form to our endpoint we’ll email you the submissions. No PHP, Javascript or sign up required.
To use formspree with an existing HTML form you must:
- change the
actionof your form to point tohttps://formspree.io/<YOUR EMAIL> - make sure the
methodisPOST, and - give a
nameattribute to all yourinputtags.
For example:
<form action="https://formspree.io/[email protected]" method="POST">
<input type="text" name="name">
<input type="email" name="_replyto">
<input type="submit" value="Send">
</form>Try playing around with formspree in our sandbox at https://testformspree.com
Get a "contact us" form set up on your website!
Set up a serverless function to respond to a webhook each time a user submits the form, then fetch the content and use it to do something coool....
Using formspree is as easy as the API endpoint instructions. Try playing around with formspree at https://testformspree.com.
You can have more control of how your forms are handled by formspree by adding special type="hidden" inputs. See the docs below for a list of the special input names that you can use.
You can also find answers to common questions on our help site here:
Finally, we will be here at the hackathon and available to help you. Just look for this goofy guy near the big Formspree banner:
We just launched an API beta. Check out the docs here: https://formspree.io/api.
We're continuing to add to those docs so check back occasionally. Also check out the Discord #formspree-api room for updates.
Finally we're gonna offer coupons to people who want to test out our Gold / Platinum features (including APIs). Let us know in discrd or at the table if you want free access.
Nothing yet, but maybe we'll have one of these posted soon...
In person participants that use Formspree in their hackathon project are eligible to win a DJI Spark drone!
Clarifai's API uses deep learning to do image and video recognition.
The API is built around a simple idea: you send inputs (an image or video) to the service and it returns predictions. The type of prediction is based on what model you choose. For example, if you run your input through the pre-trained 'food' model, the predictions it returns will contain concepts that the 'food' model knows about. If you run your input through the 'color' model, it will return predictions about the dominant colors in your image. The 'General' model covers a broad array of common concepts. A full list of models is available here: https://clarifai.com/models.
You can also use the Custom Training feature to train your own model: https://clarifai.com/developer/guide/train#train.
Use the Clarifai API if you want to add visual understanding to your JAMstack app. Two common use cases are analyzing what is in an image, and visual (image-based) search.
Clarifai can recognize over 10,000 concepts out-of-the-box with default settings ("General" model). You can also quickly train a model to recognize new concepts based on images you upload and label. You can see a complete list of pre-trained models you can use here: https://clarifai.com/models
We recommend using a client library to access the API (makes it easier). There are clients available for most languages, including JavaScript: https://clarifai.com/developer/reference/
NOTE: After creating an account at https://clarifai.com/developer/account/login, you can head over to Billing (https://clarifai.com/developer/account/billing) and enter Plan Code: SFHACKS to receive free API credits for 1 week.
- Use one or more Clarifai's pre-built models (https://clarifai.com/models) to build an innovative visual recognition application AND/OR
- Build a Custom Model using at least 10 images as labeled examples (https://clarifai.com/developer/guide/train#train) and use the model in an app to solve a personal annoyance AND/OR
- Come find us at our table to receive access to a brand new product (currently in private phase), and use that to build a cool application!
Developer Guide (start here): https://clarifai.com/developer/guide/ Technical Reference and Client Libraries: https://clarifai.com/developer/reference/ JavaScript API endpoint reference: https://sdk.clarifai.com/js/latest/index.html Custom Training walkthrough: http://help.clarifai.com/custom-training
4 minute Intro to Clarifai including an API demo with the Python client: https://youtu.be/YOrrROME2zc
We'll have a table at the hackathon, and will provide you with all the guidance you need. Come find Abhishek from our Product team!
We also have resources available at: http://help.clarifai.com/
The winning team will win a Cozmo Robot!
https://www.anki.com/en-us/cozmo
Top 5 teams will also have the opportunity to feature their hacks on Clarifai's blog!
Hasura is an open-source service that gives you instant, realtime GraphQL APIs for your JAMstack app. With one-click to deploy on Heroku's free tier, you can get started in less than a minute.
You don't need to know how to write a GraphQL schema, resolvers or learn how to use a database to get started! Head to the deployed app, create a table, and run CRUD + realtime with GraphQL :)
You can also use Hasura to trigger Lambda/Serverless functions such as Netlify Functions when an event happens on the database, for example, send an email when a new user is added.
You should use Hasura if your JAMstack app needs to CRUD data, needs a realtime API, or if you want to trigger webhooks on data changes.
Here are some examples of how you can use Hasura:
- CRUD operations with GraphQL (sample app)
- Building a realtime app (sample apps: chat, poll, location tracking)
- Sourcing the data for a gatsby site from a postgres database (sample app)
- Triggering browser-based notifications if some data changes (sample app)
Here are a few short videos to help you get started:
- Get started with Hasura on Heroku (video)
- Explore GraphQL queries, mutations and subscriptions (video)
- Join the Hasura discord server. We're super active and someone from the team or the community will help out any time of the day if you have any questions!
- Tanmai will be hanging around at the hackathon if you're present offline! Do say Hi and ask him as many questions as you'd like:
Hasura docs are available at docs.hasura.io.
Here are some other useful links to get you started:
- Create Gatsby sites using GraphQL and Postgres
- Example applications built using Hasura
- Trigger a Lambda function
To query data from frontend applications, you can use the Apollo Client. Here are some popular clients:
Amazon gift voucher worth $200 for the team with the best application using Hasura GraphQL Engine.
Pilon is an e-commerce platform designed and built from the ground up for the JAMstack world.
Our collection of lightweight, API-first, commerce micro-services enable you to quickly build and test innovative commerce experiences that your customers will love. Use Pilon’s pre-built components to make your store whatever you want it to be while still having the flexibility to change it any time you want.
We're opening our beta platform to hackathon participants and we'll be there hacking on Pilon while you're hacking on your projects.
E-commerce stuff.
Use Pilon to add any of these elements to your project:
- Customer Auth
- Product Catalog / CMS
- Cart + Checkout
- Taking Orders Online
REST
GraphQL
Sell something. Use Pilon's new GraphQL API + Gatsby to build a super fast, super easy, super sweet commerce experience.
To get inspired, checkout how fast an e-commerce site can be when its built with Gatsby and a GraphQL API.
- Register here and use invitation code
XKC-HACKATHON-JAMto get connected to Pilon. - Checkout our docs and get your JAMstack app authenticated.
- Checkout our API docs to see what can be done with the platform.
Pilon's main documentation can be accessed at:
Pilon's API docs are here:
An example project using our REST API can found on GitHub here:
We'll be at a table at the hackathon to provide lots of support and help. Hit up Garth at our table or in the Pilon channel on Discord.
We'll be there hacking with you the whole time.
First prize will be a Parrot BEBOP 2 FPV drone. Pretty sweet!
https://www.parrot.com/us/drones/parrot-bebop-2-fpv
The top 6 teams will present to a panel of judges including representatives from freeCodeCamp, Netlify, Formspree, and Fauna.
Note: "Overall" winners are separate from the "API winners". Each API sponsor will have their own challenges and prizes, which you can see above.
- Top 6 teams
- Demo your product for around 10 minutes in the GitHub Video Booth to be displayed to the other hackers on televisions around the office, and to be recorded to be posted on line and shared via the freeCodeCamp blog!
- Top 3 Teams
- Present your product on the GitHub stage in front of your fellow hackers! Get your presentation recorded for the livestream, and also recorded for later publication on the freeCodeCamp blog!
- 3rd place: $200 cash prize
- 2nd place: $300 cash prize
- 1st place: $500 cash prize