DEV Community

loading...
Cover image for Announcing the DigitalOcean App Platform Hackathon on DEV!
The DEV Team

Announcing the DigitalOcean App Platform Hackathon on DEV!

jess profile image Jess Lee (she/her) ・5 min read

We are thrilled to announce the DigitalOcean App Platform Hackathon on DEV! 🎉

From now through January 10th, you’ll have the opportunity to win some seriously sweet prizes for building an application using DigitalOcean’s new App Platform. In the process, you’ll get to know the DigitalOcean App Platform and walk away with a shiny new app to your name ✨

Categories

The DigitalOcean App Platform Hackathon on DEV is calling for projects in the following four categories:

  • Personal Site/Portfolio: Build a personal portfolio site as your submission. Don’t be afraid to get creative and show off your work and experience in a fresh way
  • Program for the People: Build an application related to mental health, a public service (like a COVID-19 spread tracker), or a feel-good app to ring in the New Year right
  • Built for Business: Build something that could become commercial and earn big bucks. This could be anything from a professional tool to something that’s a part of your very own business
  • Random Roulette: Build a wacky app that doesn’t fit into one of the categories above. With this category, we are looking for some truly silly and/or fun submissions. The possibilities are endless!

What is the App Platform from DigitalOcean?

DigitalOcean’s App Platform helps you build your applications quickly and with fewer distractions. With it, you can push code to production in just a few clicks while DigitalOcean handles the infrastructure, app runtimes, and dependencies.

Learn more about App Platform here, read the docs here, and find some tutorials here. Here's a video on how to build, deploy, and scale your first app on App Platform.

A few examples of applications built on the DigitalOcean App Platform:

We cannot wait to see how you approach this fun challenge — and the amazing applications you come up with!

Why Participate?

The DigitalOcean App Platform Hackathon on DEV is a fantastic (and free) opportunity to get better acquainted with a new Platform-as-a-Service tool so you can focus on what you do best — develop software! The four categories (listed above) will help you demonstrate your creativity and software acumen while learning and having some fun.

If that’s not incentive enough, we also have some prizes you won’t want to miss.

Prizes

4 Grand Prize Winners (one in each category):

  • $2,000 USD gift card or equivalent
  • $300 USD credit to the DEV Shop
  • DigitalOcean Swag Pack
  • DEV Sticker Pack
  • DEV “App Platform Hackathon” grand prize profile badge
  • A Zoom meet-and-greet with DigitalOcean’s CEO, Yancey Spruill

Runner-Up Prizes (10 Total):

  • $200 USD gift card or equivalent
  • $150 USD credit to the DEV Shop
  • DigitalOcean Swag Pack
  • DEV Sticker Pack
  • DEV “App Platform Hackathon” runner-up profile badge

Participants (with a valid project):

  • DEV Sticker Pack
  • DEV “App Platform Hackathon” participant profile badge

How to submit your app and enter the DigitalOcean App Platform Hackathon on DEV

  • Select a category for your project (listed above)
  • Create a new DigitalOcean account (or use your existing account! Note: a credit card will be required at sign-up, but you will not be charged. Please refer to these FAQs for more info.
  • Create an app using DigitalOcean’s App Platform that falls under one of the listed categories
  • Fill out this form to get a $50 credit for DigitalOcean, good for 60 days from the date of redemption.
  • Use one of the following permissive licenses for your code: MIT, Apache, BSD-2, BSD-3, or Commons Clause.
  • Use this post template to officially submit your application for the hackathon
  • Be sure to publish your submission on DEV between December 10 and January 10 (11:59 PM PT/8 AM January 11, UTC), and provide your app’s URL, screenshot, description, and source code

Bonus points for…

  • Documenting your app’s progress across multiple posts with the final post serving as your official submission (hint: use series: [“series name”] in the markdown heading of all your App Platform Hackathon posts to link all content in a series)
  • Using the Deploy to DO button in your app (info here )

** ”Bonus points” means we will give submissions with these criteria priority when selecting winners.

Additional Rules

NO PURCHASE NECESSARY. Open only to 18+. Contest entry period ends January 10, 2021, 11:59 pm PST/ 8 AM UTC on January 11, 2021. Contest is void where prohibited or restricted by law or regulation. All entries must be new projects and created during the hackathon period. For Official Rules, see Contest Announcement Page and General Contest Official Rules.

Community Support

To ask any questions about DigitalOcean's App Platform throughout the hackathon, leave a comment in the App Platform Hackathon help thread

If you run into any additional questions about DigitalOcean’s App Platform, you can also reach their team by asking a question here

We also have a community discussion thread where you can share your ideas and get suggestions on improvements from the DEV community as you build your app. We encourage you to share your progress along the way to generate more excitement and benefit from additional community feedback suggestions.

Important Dates 🗓

  • December 10, 2020: Hackathon Begins
  • January 10, 2021: Hackathon Submission Due at 11:59 PM PST
  • January 15, 2021: Hackathon Winners Announced

We can’t wait to see what you build. Happy coding!

Discussion

pic
Editor guide
Collapse
chris__sev profile image
Chris Sev

Hey everyone! My name is Chris and I'm the founder of scotch.io and a Developer Advocate at DigitalOcean.

Excited about this hackathon and the things we'll all build! Let me know if you have any questions here or catch me on Twitter.

Collapse
asciiden profile image
Denislav Gavrilov 👨‍🚀🤖🤷‍♂️

Hey Chris, huge fan of scotch.io, the JS introduction particularly! I've got a question for you - is a game project considered "truly silly" for the random roulette? Is it worth giving a shot, or should I go for something else in your opinion?

Collapse
asciiden profile image
Denislav Gavrilov 👨‍🚀🤖🤷‍♂️

I mean - I have an idea for a game, which is not silly (I can, of course, try to make it such with funny drawings and so on) and I am thinking if it's worth going for that or
should I choose something else?

Thread Thread
chris__sev profile image
Chris Sev

A game is a great idea! 100% go for it! Random roulette is very much for stuff like this that doesn't fit cleanly into the other categories.

Thread Thread
asciiden profile image
Denislav Gavrilov 👨‍🚀🤖🤷‍♂️

Thank man! And good luck to all participants, HACK ON!

Collapse
kristijankanalas profile image
Kristijan Kanalaš

Hey Chris, I would like to ask if it's possible to enter multiple times with separate projects?

Collapse
chris__sev profile image
Chris Sev

Definitely! Highly encouraged to do so. I will be!

Collapse
manitej profile image
Manitej ⚡

I'm trying to use digital ocean from many months but I live in india. Students don't have a credit card nor a PayPal account. Missing this hackathon too :(

Collapse
cubiclesocial profile image
cubiclesocial

PayPal became available in India as of 2017, so I'm not sure why you can't use it with a bank account + PAN. DigitalOcean requires a prepayment of $5 USD to start the DO account via PayPal even with the $50 in credit for this hackathon.

Thread Thread
mridubhatnagar profile image
Mridu Bhatnagar

$5 goes through payment or is it deducted from $50 credit that they are giving?

Thread Thread
bobbyiliev profile image
Bobby Iliev

Hey,

The $5 will be used to top up your account, this mainly applies to PayPal. Here are the two messages for each payment method again:

Credit card:
“We won’t charge your card. You may see a temporary pre-authorization charge to verify the card, which will be reversed within a week.”

Paypal:
“To confirm your PayPal account, you need to make a $5 pre-payment. This pre-payment will apply to any future bills.”

Thread Thread
mridubhatnagar profile image
Mridu Bhatnagar

You mean if I use PayPal I am going to be charged $5?

Is there any other alternative if I don't wish to pay?

Thread Thread
bobbyiliev profile image
Bobby Iliev

Currently, you could choose only between PayPal and Credit card payments.

Collapse
guryashzone profile image
Guryash Singh

Same here, but I will try risking $5 for learning something new!

Collapse
cwraytech profile image
Christopher Wray

Hey Chris! Does moving existing sites over to the app platform count towards the hackathon, or no?

Collapse
bobbyiliev profile image
Bobby Iliev

Hi there 👋

I believe that it should be ok as long as you deploy the site on the App platform and the project is opensource. Also make sure to add the Deploy to DigitalOcean button for some extra points.

Collapse
anupa profile image
Anup Aglawe

I have a doubt regarding how routes are setup for a static sites and it's corresponding web service.
My specific use case is to implement GitHub oauth on my react/express/GraphQL application.

Locally everything works fine, I have a button which redirects my react app to localhost:4000/auth/GitHub , which gets redirected to GitHub oauth page and then successful login redirects back localhost:3000 (react app).

But on my app platform, I can see only a single APP_URL. I'm confused which goes where and GitHub oauth requires app url & callback url ( localhost:3000 & localhost:4000/user/signin/callback ) this works well in my local env. But not sure what should I put when in production.

Collapse
ayanb profile image
Ayan Banerjee

It appears you need two separate apps for the frontend and backend. In that scenario, simply create 2 apps in the app platform.

Thread Thread
anupa profile image
Anup Aglawe

But the straight forward way seems to be just adding a static site component and web service component, and most probably they were meant to be used in that manner. (and not creating separate apps for client and server ).

Also, if I add a http route let's say /api on my web service component. I can access GraphQL endpoints by ${APP_URL}/api/graphql

Thread Thread
ayanb profile image
Ayan Banerjee

Yes, thanks. That seems to be a much cleaner way!

Collapse
krishnakakade profile image
krishna kakade

i need a help with this

Collapse
krishnakakade profile image
krishna kakade

if i added my credit card to DigitalOcean how many applications i can host with help of 50$ credit

Collapse
bobbyiliev profile image
Bobby Iliev

According to the official documentation, the App Platform has three pricing tiers:

  • Starter: Free. Good for trying App Platform and deploying static sites. You can build and deploy 3 static sites for free on the Starter tier. Every additional static site costs $3/mo.
  • Basic: Starts at $5/month (for one container). Good for prototyping apps.
  • Professional: Starts at $12/month (for one container). Good for deploying production apps.

For more information you can take a look at the documentation here:

digitalocean.com/docs/app-platform/

Collapse
anupa profile image
Anup Aglawe

Hey I'm developing an application as a part of this hackathon.
I see a strict credit card requirement while signing on digital ocean. Is there any workaround for this, at least for students?

Collapse
graciegregory profile image
Gracie Gregory (she/her)

I can't wait to see what everyone builds for this hackathon — especially for the Random Roulette category 🎉

Collapse
bobbyiliev profile image
Bobby Iliev

Good luck everyone 🙌

Collapse
chris__sev profile image
Chris Sev

What are you gonna build Bobby?

Collapse
bobbyiliev profile image
Bobby Iliev

I'm planning to build a website for the opensource Introduction to Bash scripting eBook!

I'm planning to use TailwindCSS 🤘 and also the site will include an interactive training section based on Katacoda. 😁

Collapse
bobbyiliev profile image
Bobby Iliev

What about you Chris?

Thread Thread
chris__sev profile image
Chris Sev

Personal site/portfolio. Next + Tailwind + Strapi or Statamic.

And streaming it all!

Thread Thread
bobbyiliev profile image
Bobby Iliev

That’s awesome! I’ll definitely make sure to join those streams 👏

Collapse
ben profile image
Ben Halpern

Let's do this

Collapse
chris__sev profile image
Chris Sev

Right on! I'm planning on building my personal site (finally!)

  • Strapi or Statamic backend
  • Next.js frontend
  • Tailwind for styling
Collapse
rasharm_ profile image
Raman Sharma

This is exciting.

Here is a post I wrote recently that describes some of the cool things you can do with App Platform:

Collapse
msarit profile image
Arit Amana

This is going to be EPIC! 🤩. 🥳

Collapse
mattipv4 profile image
Matt (IPv4) Cowley

:party-parrot:

Collapse
chris__sev profile image
Chris Sev

:party-shark:

Collapse
asciiden profile image
Denislav Gavrilov 👨‍🚀🤖🤷‍♂️

And I thought the Slack spirit won't haunt me when I change the company (using Teams now)...

Collapse
spiritbro1 profile image
spiritbro1

OMG finally let me join this hackathon and win this one hopefully let's go everybody!!!

Collapse
bobbyiliev profile image
Bobby Iliev

Good luck to you too! 🙌

Collapse
spiritbro1 profile image
spiritbro1

lets go my man!!

Collapse
mendoza profile image
David Mendoza (He/Him)

Hey guys I'm a full stack developer in MERN stack if someone needs help, let me know I might like the proyect and help you to develop it

Collapse
torstendittmann profile image
Torsten Dittmann

Just published my blog post about building a website status monitor using DigitalOcean's App Platform for the #hackathon!

Good luck everyone 🥳

Collapse
sheikh_ishaan profile image
Ishaan

On to my second hackathon💻

Collapse
bobbyiliev profile image
Bobby Iliev

That is great! Good luck!

What are you planning to build?

Collapse
sheikh_ishaan profile image
Ishaan

Thanks Bobby, I haven't planned yet, thinking of something that can be build in the time I get after my work.

Thread Thread
bobbyiliev profile image
Bobby Iliev

Sounds good! Excited to see what you build! 🙌

Collapse
dmahely profile image
Doaa Mahely

I'm gonna try to come up with an idea to participate 🤞

Collapse
chris__sev profile image
Chris Sev

Personal site/portfolio is a great one if you don't already have one

Collapse
dmahely profile image
Doaa Mahely

That will be my fallback idea if I can't come up with something more interesting

Collapse
chris__sev profile image
Chris Sev

If you want an example of how to deploy a backend + frontend app to App Platform, here's a video doing a Laravel API + Database + React: youtu.be/1T3d7P_V2t4

Collapse
bobbyiliev profile image
Bobby Iliev

That video is absolutely amazing!

Collapse
kostjapalovic profile image
Kostja

Hey everyone!
Super excited to see what everyone will build!

Hope to make such a fun event with appliku.com in future!

Good luck, and have fun building!

Collapse
bobbyiliev profile image
Bobby Iliev

Good luck to you too!

The appliku.com looks pretty cool! I will make sure to give it a try! 🙌

Collapse
kostjapalovic profile image
Kostja

Thanks, Bobby.

By the way, JUST rolled out a new landing page and logo :)

I would be super happy if you have a couple of minutes for taking a look and telling me what you think!

Thanks so much and have a great day!

Thread Thread
bobbyiliev profile image
Bobby Iliev

Looks awesome so far! Keep up the good work!

What software did you use for the logo creation? Looks great!

Thread Thread
kostjapalovic profile image
Kostja

Thanks for kidn words.

I used credit card to buy Ipad Pro + Pencil + MagicBoard and gave the purchase to my wife and waited for a week :D

Collapse
scrabill profile image
Shannon Crabill

You had me at "Random Roulette".

I'll check it out! I've been wondering what other options existed for deploying apps (static and rails) so I'll have to dig into the docs to see what I can do with DO.

Collapse
bobbyiliev profile image
Bobby Iliev

That sounds great! Good luck with that and happy building! 🙌

Collapse
conner1115 profile image
LeviathanProgramming

Important Question

Can you use another app building platform like Heroku, Repl.it, of Github pages to submit your entry or does the specific app building platform have to be specifically digitalOcean's?

Collapse
bobbyiliev profile image
Bobby Iliev

Hey 👋

The main objective of the Hackaton is to build an app that is deployed to the DigitalOcean App Platofrm specifically.

Collapse
conner1115 profile image
LeviathanProgramming

Okay. It's just that I'm fifteen and don't have a credit card yet so I can't get access to the digitalOcean app platform.

I'll just wait for another hackathon to appear.
Thanks.

Thread Thread
bobbyiliev profile image
Bobby Iliev

It looks like that according to the official rules you need to be +18 in order to participate:

dev.to/page/official-hackathon-rules

"ELIGIBILITY. The Contest is a skill-based contest open to individuals who are at least age eighteen (18) or older or are the legal age of majority in the jurisdiction in which they reside and capable of forming a binding contract with Sponsor as of the date of entry, that are DEV Members (defined below) and have an active email account and Internet access throughout the Entry Period. "

Thread Thread
conner1115 profile image
LeviathanProgramming

Oh sorry, I didn't see that.
Thanks for telling me.

Collapse
arpan45 profile image
Arpan Adhikari

Alt Text
Just Created a Simple Quiz Application using Vue. You can try and deploy it in just a click. Feel free to contribute. Here is my post dev.to/arpan45/simple-quiz-applica...

Collapse
rasharm_ profile image
Raman Sharma

Just adapted this tutorial:

to create this sample of a containerized Java app that can be deployed to App Platform with a single click:

GitHub logo creativefisher / Nasa-Picture

Single-page application which display NASA's Astronomy Picture of the Day

Deploy to DigitalOcean

This sample demonstrates how to run a Dockerized Java application on DigitalOcean App Platform. Since App Platform doesn't yet support Java, this sample shows how to accomplish this using Dockerfile.

This sample has been adapted from github.com/wkrzywiec/Nasa-Picture

Getting Started

These steps will get this sample application running for you using DigitalOcean.

Note: Following these steps will result in charges for the use of DigitalOcean services

Requirements

Forking the Sample App Source Code

To use all the features of App Platform, you need to be running against your own copy of this application. To make a copy, click the Fork button above and follow the on-screen instructions. In this case, you'll be forking this repo as a starting point for your own app (see Github documentation to learn more about forking repos.

After forking…

Collapse
r0b profile image
Robert Osborne

Great post! I can't wait to participate! Is there anything to take into account if you are working on a project with another person?
We both have dev.to accounts but what do we need to do to both get the badge? :)

Collapse
bobbyiliev profile image
Bobby Iliev

Hi there 👋

I believe that only one submission post is needed from the team. But you need to include all participant usernames within the post and you'll all receive badges!

Collapse
r0b profile image
Robert Osborne

Easy enough! Thank you!

Thread Thread
bobbyiliev profile image
Bobby Iliev

No problem! Good luck and have fun building 🙌

Collapse
ramkshukla profile image
Ram Kumar Shukla

I'm so excited about this Hackathon.

Personal site/portfolio. django+javascript+html+css

Collapse
bobbyiliev profile image
Bobby Iliev

That's awesome! 🙌 Good luck and have fun building! 🎉

Collapse
ramkshukla profile image
Ram Kumar Shukla

Thanks ❤️

Collapse
ramkshukla profile image
Ram Kumar Shukla

how much amount will be charge for credit card preauthorization?

Thread Thread
bobbyiliev profile image
Bobby Iliev

"When you add a credit card to your DigitalOcean account, we may send a preauthorization request to the issuing bank. This is to verify that the card being added has been issued by the bank and that they will authorize the charges. These temporary preauthorization holds range from $1 to $15 and may appear on your statement for up to 7 days, but no funds are being transferred from your card or account to DigitalOcean."

Source

Collapse
_bigblind profile image
Frederik 👨‍💻➡️🌐 Creemers

Is the commons clause license considered permissive enough? It lets you access and use the source as you see fit, but not base a business on it. I think this would be extremely useful for the business category.

Collapse
graciegregory profile image
Gracie Gregory (she/her)

Hi @_bigblind ! That will be just fine for the business category. Thanks for asking! Feel free to drop all other questions into the help thread. Happy coding!

Collapse
cescquintero profile image
Francisco Quintero 🇨🇴

A Zoom meet-and-greet with DigitalOcean’s CEO, Yancey Spruill

Very, very interesting prize.

Collapse
gonzalojs profile image
Gonzalo Gutiérrez

Alright! My first Hackathon, let's do this!

Collapse
bobbyiliev profile image
Bobby Iliev

That's awesome! Good luck with this! Have fun building your project! 🙌

Collapse
chris__sev profile image
Chris Sev

Excited to see what you build!

Collapse
lynmuldrow_93 profile image
Lyn Muldrow

Can't wait to jump into this hackathon! Finally get to build that astrology + self love app that I've had on my mind.

Looking forward to seeing the creativity shared!

Collapse
abhishekpatel946 profile image
Abhishek Patel

I'm adding my card via Paypal but the card doesn't add.
Please add a credit or debit card to complete your purchase.
after clicking the add button it will give this message only. Can anyone please tell me how to add a card to the first droplet of $5 on Digital Ocean?
also, I've no credit card I've got a rupee debit card.

Collapse
shunjid profile image
Shunjid Rahman Showrov

I would love to join it but Paypal isn't available in my region. There are so many students in my college who wants to join it too.

It's a humble request to the Hackathon authors to consider the situation and allow students to create an account without restrictions valid during the hackathon period only.

Collapse
neilblaze profile image
Pratyay Banerjee

Hey @chris__sev 👋
I along with my friend made a game on phaser.js during a hackathon on 12th Dec'20. Can I publish that project under Random Roulette #dohackathon ?

We started working on that on 11th Jan'20, it was at an unfinished state so we couldn't submit in there, but now the game is ready :D

Collapse
milindsingh profile image
Collapse
bobbyiliev profile image
Bobby Iliev

Looks great! Well done 🙌

Collapse
milindsingh profile image
Collapse
dendihandian profile image
Dendi Handian

Is there any way to compete without having credit card?

Collapse
bobbyiliev profile image
Bobby Iliev

Currently, you could choose only between PayPal and Credit card payments during sign up.

Here are the two messages for each payment method again:

Credit card:
“We won’t charge your card. You may see a temporary pre-authorization charge to verify the card, which will be reversed within a week.”

Paypal:
“To confirm your PayPal account, you need to make a $5 pre-payment. This pre-payment will apply to any future bills.”

Collapse
dendihandian profile image
Dendi Handian

Too bad when I use PayPal and process the 5$ payment and redirected to the control panel with the account locked. I think this time hackathon is not my time to shine.

Thread Thread
bobbyiliev profile image
Bobby Iliev

For any account or billing-related issues, I could suggest reaching out to the DigitalOCean support team who will be more than happy to assist you with your account issue! :)

digitalocean.com/support/

Hope that helps!

Thread Thread
dendihandian profile image
Dendi Handian

I did reach out to the support of cloudsupport.digitalocean.com, but they replied and it's not possible to restore my access.

But I'm relieved that I got my 5$ back.

Collapse
geobrodas profile image
Georgey

Winners are announced?

Collapse
bobbyiliev profile image
Bobby Iliev

Hi there 👋, not yet, but it should be done soon.

Collapse
geobrodas profile image
Georgey

Roger that🤟🏼