Hey DEV Community!

We wanted to stop by and share some exciting news: today, we’re launching a new way for you to build an interesting application in the open, learn something new, and win exciting prizes in the process…

Announcing the refine + DEV Hackathon 🎉

If you’re familiar with our hackathons here on DEV, you know that the community has a lot of fun with them and gets pretty creative with what they build. Whether you’ve joined us in the past or not, we hope you’ll throw your hat into the ring by participating in the refine + DEV Hackathon!

Keep reading to get all the details on how you can enter this contest and learn more about refine and the prizes they’re offering our community.

All About refine

refine is a React-based framework that enables rapid development of web applications. It eliminates the repetitive tasks demanded by CRUD operations and provides industry standard solutions for critical parts of a project like authentication, access control, routing, networking, state management and i18n.

In simple terms, with refine, you can easily build any type of CRUD app. It especially shines on data-intensive applications like admin panels, dashboards, internal tools, and storefronts.

It's worth noting that refine has built-in data provider support for Supabase and UI framework integration for Material UI!

From now through 7/20, DEV has partnered up with refine for a community hackathon that will give you the chance to build a new application using refine. Anyone who submits a valid project (including an official submission post, published on DEV) will be automatically entered to win a variety of fantastic prizes (including up to $1,000 USD).

Project Categories

The refine + DEV Hackathon is calling for projects in the following five categories:

Best Overall Project
Most Visually Pleasing
Most Technical Impressive
Best Project built using Supabase as the main data provider for the refine app.
Best Project built using Material UI as the main UI framework for the refine app.

You can use any data provider or UI framework in the refine app for the first three prize categories above. The last two categories need to use either Supabase or Material UI.

💰 Prizes 💰

Five Grand Prize Winners (one per category):

$1,000 USD gift card or equivalent
$300 USD credit to the Forem Shop
DEV Sticker Pack
DEV “refine” Grand Prize profile badge
Special Swag Kits from refine, Supabase and MUI

Runner-Up Prizes (10 Total – across all categories):

$250 USD gift card or equivalent
$150 USD credit to the Forem Shop
DEV Sticker Pack
DEV “refine Hackathon” Runner-Up profile badge
Special Swag Kits from refine

Participants (with a valid project):

DEV Sticker Pack
DEV “refine Hackathon” participant profile badge

How to Participate in the refine + DEV Hackathon

Create an app using refine framework that falls under one of the categories listed above. It can be any type of CRUD app, admin panel, internal tool, forms, storefront, or dashboard. Also, you can build a library, data provider, auth provider or live provider, etc., for refine.
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 June 21st and July 20th (@ 11:59 PM UTC), and provide your app’s URL, screenshot, description, and source code

⚠️ Heads-up that you'll only be able to view our submission template linked above if you're logged into DEV.

🎟️ You can generate a Hackathon Participation Ticket and earn a chance win special swag items in a raffle!

Additional Resources

refine tutorial for building a complete CRUD app.
refine official documentation
🔥 You can use refine browser tool to create a complete refine CRUD app in 10 seconds and then build your hackathon project on top of it.
Refer to Examples built using refine.
Here are some app ideas that can inspire you for the hackathon.

Additional Notes and Rules:

You must use the refine framework for building the app.
Your repository must have a README with clear setup instructions - follow this guideline
We encourage you to share update posts on DEV using the #refinehackathon tag to keep us posted on your progress (hint: use series: [“series name”] in the markdown heading of all your refine Hackathon-related posts to link all content in a series)
Multiple submissions are allowed, however each entrant may only win once in a particular contest.
Your code must be hosted publicly on GitHub.
If you collaborate with anyone, please list their DEV handles in your submission post so we can award a profile badge to your entire team! DEV does not handle prize-splitting, so in the event your project is named a Grand Prize-winner or runner-up, you will need to split those amongst yourselves. Thank you for understanding!

NO PURCHASE NECESSARY. Open only to 18+. Contest entry period ends July 20th, 11:59 PM UTC. 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 get help and ask any questions about refine join us in the refine Discord or about the rules of this contest, leave a comment below.
- You could also find a potential teammate in the Discord hackathon channel.
- Forum channel: hackathon-2
Follow refine on Twitter for updates and announcements.
Refer to refine's GitHub repository

Our team will be monitoring this space to answer your questions in collaboration with the refine team.

Important Dates 🗓

June 21st: Hackathon Begins
July 20th: Hackathon Submission Due at 11:59 PM UTC
July 24th: Submission judging begins

Winners will be selected and announced within three weeks following the final submission deadline.

We’re so excited for you to join us for this brand new hackathon with our friends at refine. Have fun, learn lots, and keep us posted along the way.

Good luck and happy coding! 🍀

Announcing the refine + DEV Hackathon!