hackathon/refine-hackathon.md
# The refine Open Source Hackathon #2
## π Hackathon Winners
π Congratulations to all the participants.
The hackathon has officially wrapped up, and we're seriously blown away by the incredible results you've achieved. Picking the winners from all the outstanding submissions was quite a challenge!
A big shoutout to our awesome sponsors - [Supabase](https://supabase.com/) and [MUI](https://mui.com/)! Thanks for teaming up with us to make this hackathon a massive hit.
π₯³ To all the participants, you're all superstars!
After much consideration, we're thrilled to announce the well-deserved winners who really stood out from the crowd.
Let's celebrate their success together!
## β Best Overall Project
<div className="centered-image">
<img style={{alignSelf:"center"}} src="https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-08-04-refine-hackathon-2-winners/refine-native.png" alt="docker volume" />
</div>
### refine Native
refine Native, the empowering library for refine, opens up a world of possibilities for creating cross-platform apps. You can build web and native crud apps 3x faster by leveraging the power of React Native and refine.
Inside this project, you'll discover two awesome libraries: [@refinenative/expo-router](https://www.npmjs.com/package/@refinenative/expo-router) and [@refinenative/react-native-paper](https://www.npmjs.com/package/@refinenative/react-native-paper). The first one seamlessly integrates refine with your expo-router project, while the second one provides handy components built with react-native-paper, speeding up the creation of CRUD pages.
**Author**: [Abdellah](https://github.com/abdellah711) - [GitHub Repo](https://github.com/abdellah711/refinenative) - [Project Details](https://dev.to/abdellah711/refine-native-2p1d)
**Prize**: **$1000 + refine, Supabase, MUI Swag kits, $300 USD credit to the DEV Shop!**
## β Most Technically Impressive
<div className="centered-image">
<img style={{alignSelf:"center"}} src="https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-08-04-refine-hackathon-2-winners/supaheroes.png" alt="docker volume" />
</div>
### Supaheroes
Introducing Supaheroes, the AI-powered platform that crafts character biographies from your favorite games, comics, and movies. Unleash the power of AI to bring your beloved characters to life!
**Author**: [Luis](https://twitter.com/asyncerror) - [GitHub Repo](https://github.com/lvisb/versus-heroes) - [Project Details](https://dev.to/asyncerror/supaheroes-ai-powered-heroes-3f3j)
**Prize**: **$1000 + refine, Supabase, MUI Swag kits, $300 USD credit to the DEV Shop!**
## β Most Visually Pleasing
<div className="centered-image">
<img style={{alignSelf:"center"}} src="https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-08-04-refine-hackathon-2-winners/tripstash.png" alt="docker volume" />
</div>
### TripStash: Travel planning tool
TripStash is designed to help users plan their trips efficiently and easily. Collaborate seamlessly, plan effortlessly, and manage your trips like never beforeβall in one place.
Creating a project, inviting travel companions, and building a shared itinerary for accommodation, flights, sightseeing, dining, and more is a breeze! Travel planning has never been this easy.
**Authors**: [Brinda](https://twitter.com/brindashree6) - [Akshay](https://github.com/aKshayKadam03) - [Rahul](https://www.linkedin.com/in/rahul-nadendla-34212252) - [GitHub Repo](https://github.com/brindashree/trip-stash) - [Project Details](https://dev.to/brindashree/tripstash-2o7k)
**Prize**: **$1000 + refine, Supabase, MUI Swag kits, $300 USD credit to the DEV Shop!**
## β Best Project Using Supabase
<div className="centered-image">
<img style={{alignSelf:"center"}} src="https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-08-04-refine-hackathon-2-winners/anisong.png" alt="docker volume" />
</div>
### Anisong: Anime playlist creator
Anisong, a web app that lets you curate personalized playlists filled with the most captivating opening and ending theme songs from your beloved anime series. Enjoy the perfect anime soundtrack tailored just for you!
**Author**: [Darius Pasca](https://twitter.com/pasca_darius) - [GitHub Repo](https://github.com/dariuspasca/anisong) - [Project Details](https://dev.to/dariuspasca/anisong-your-personal-anime-playlist-creator-3cmd)
**Prize**: **$1000 + refine, Supabase, MUI Swag kits, $300 USD credit to the DEV Shop!**
## β Best Project Using Material UI
<div className="centered-image">
<img style={{alignSelf:"center"}} src="https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-08-04-refine-hackathon-2-winners/rvsquick.png" alt="docker volume" />
</div>
### RSVQuick: Online Invitation App
RSVP Plus, your one-stop solution for creating and sending personalized online RSVP invitations with optional surveys and questions to gather valuable insights from your potential attendees in no time!
**Author**: [Ansell Maximilian](https://twitter.com/AnsellMax) - [GitHub Repo](https://github.com/AnsellMaximilian/rsvquick) - [Project Details](https://dev.to/ansellmaximilian/rsvquick-online-invitation-app-made-using-refine-148e)
**Prize**: **$1000 + refine, Supabase, MUI Swag kits, $300 USD credit to the DEV Shop!**
## πΌ Runners-Up, in random order!
**All runner-ups will get $250 USD + Special Swag Kits from refine + $150 USD credit to the DEV Shop**
### Prompteer - AI Prompts & Engaging comments
A prompt sharing platform where users can share their AI prompts and receive comments
**Author**: [Mateus Abelli](https://twitter.com/mateusabelli) - [GitHub Repo](https://github.com/mateusabelli/prompteer) - [Project Details](https://dev.to/mateusabelli/prompteer-ai-prompts-engaging-comments-3h7o)
### Managify: Manage Your Teams Easily
A real-time collaboration platform with team management, task tracking, and chat features.
**Author**: [Rasit Colakel](https://twitter.com/rasitcolakel) - [GitHub Repo](https://github.com/rasitcolakel/managify) - [Project Details](https://dev.to/rasitcolakel/manage-your-team-easily-with-managify-5gbp)
### Rapply: The All-In-One Job Hunting Assistant
Rapply aims to simplify and streamline the job search journey by offering a comprehensive solution that combines an Application Tracker, Personalized Cover Letter Generator, and Resume Builder.
**Author**: [Mahir Mahdi](https://twitter.com/_MahirMahdi) - [GitHub Repo](https://github.com/MahirMahdi/Rapply) - [Project Details](https://dev.to/mahirmahdi/rapply-supercharge-your-job-search-with-the-all-in-one-job-hunting-assistant-159f)
### Competee: An online competition platform
The platform enables individuals to host their competitions, providing opportunities for others to participate and showcase their abilities.
**Author**: [Alex](https://github.com/alexcode4ever) - [GitHub Repo](https://github.com/alexcode4ever/competee) - [Project Details](https://dev.to/alexcode4ever/competee-an-online-competition-platform-to-unleash-hidden-talents-nci)
### Librify - Modern Library Management
The system enables librarians to add, modify, and remove books from the library catalog.
**Author**: [Joel Janison](https://github.com/JoelJaison394) - [GitHub Repo](https://github.com/JoelJaison394/Librify) - [Project Details](https://dev.to/joeljaison394/librify-modern-library-management-with-refine-42bg)
### Dev-Gym - Test your skills with AI assistance
Dev-Gym is a testing platform with a hacker-inspired design, designed to assist programmers in refining their skills using AI-powered hints.
**Author**: [Pawel Ciosek](https://github.com/pavelee) - [GitHub Repo](https://github.com/pavelee/dev-gym) - [Project Details](https://dev.to/pavelee/test-your-skills-with-ai-assistance-n06)
### Stream discovery - find a streamer
With Stream Discovery, you can easily discover, create, and rate Twitch streamers to enhance your streaming experience!
**Author**: [Ondra Ε imanovskΓ½](https://twitter.com/OndraSimanovsky) - [GitHub Repo](https://github.com/JustOndra/stream-discovery) - [Project Details](https://dev.to/simanovskyondrej/stream-discovery-find-a-streamer-5eoh)
### GTFC: Municipality's Monitoring
This platform is a product of the LOG (Local Open GovLab) project, which is an innovative initiative under the AfricTivists Strategic Program. Its primary goal is to support, empower, train, and assist local administrations in incorporating digital tools for budget transparency, open and inclusive governance, information accessibility, and collaborative citizen engagement.
**Author**: [NioulBoy](https://twitter.com/mbayedione10) - [GitHub Repo](https://github.com/localopengovlab/gtfc-admin) - [Project Details](https://dev.to/mbayedione10/transparent-and-organized-governance-gtfc-municipalitys-monitoring-and-evaluation-platform-e61)
### Keronote UI: Create Animations
A simple, but fun animated canvas, with several tools and others features in web.
**Author**: [Media-Collab](https://twitter.com/Media__Collab)- [GitHub Repo](https://github.com/Media-Collab/keronoteui) - [Project Details](https://dev.to/gregoryinnovo/keronote-ui-30in)
### React-Analytics
A library that tracks the analytics of your react-website. Easy to use with a single line of code.
**Author**: [Jatin Rawat](https://www.linkedin.com/in/rawat-jatin/) - [GitHub Repo](https://github.com/Kaku-g/react-analytics) - [Project Details](https://dev.to/kakug/react-analytics-20fd)
## Β ποΈ Hackathon Participant Ticket Raffle Winners
Below are the raffle winners who generated hackathon participant tickets. The prizes include a refine cap and coaster set.
- Rishabh Raj Kumar - rajrishabh377@gmail.com - https://github.com/Rishabh-raj-kumar
- Leonel Pech - jleonelpm@hotmail.com - https://github.com/jleonelpm
- Harsh Singh - harshsinghcs01@gmail.com - https://github.com/harshsinghcs
- Muhammed Nazeem - nazeemnob18@gmail.com - https://github.com/n4ze3m
- Maaz Khan - maaz.masood@inaequostudios.com - https://github.com/maazkhan2023
- Gokul nath - gokulnath634@gmail.com - https://github.com/grroott
- Marvel Ken-Anele - marvelken2000@gmail.com - https://github.com/marvelken
- Teri Eyenike - teyenike1@gmail.com - https://github.com/Terieyenike
- Arpan Chowdhury - arpanchowdhury003@gmail.com - https://github.com/apu52
- astitva - astitv87@gmail.com - https://github.com/astitva0011
<br/>
## π Hackathon Post
We're back with another exciting event for the open-source community - the 2nd refine Open Source Hackathon!
As with the first, this Hackathon is about showcasing your skills, creativity, and innovation using refine.
**[refine](https://github.com/refinedev/refine)** is a React-based framework for the rapid β¨ development of CRUD web applications. It eliminates the repetitive tasks demanded by CRUD operations and provides industry-standard solutions for critical parts like authentication, access control, routing, networking, state management, and i18n. refine shines on data-intensive applications like admin panels, dashboards, internal tools and storefronts.
β° The Hackathon kicked off on June 21, and we're proud to host it in collaboration with the DEV platform.
π **Refer to refine Open Source Hackathon [official announcement post](https://dev.to/devteam/announcing-the-refine-dev-hackathon-29fn).**
π The prizel pool is **$10,000** in total and a special gifts along with **limited edition** swag kits!
π To stay updated on the official start of the Hackathon, please join us on our [Discord](https://discord.gg/refine) and [Twitter](https://twitter.com/refine_dev).
We can't wait to see what unique projects the participants will build projects using **refine**.
## Get your hackathon participation ticket ποΈ
π£ [**Here is the list of raffle winners**](https://refine.dev/blog/refine-hackathon-2-winners/#%EF%B8%8F-hackathon-participant-ticket-raffle-winners)
We are organizing a raffle for those who create a ticket and share it on Twitter. As a gift, we are giving away a refine [cap](https://store.refine.dev/product/refine-cap) and a [coaster](https://store.refine.dev/product/coaster) set valued at $60.
### π [Generate participation ticket](https://hackathon.refine.dev)
<br/>
[](https://hackathon.refine.dev)
<br/>
## Together with Open Source Community
refine draws its strength from the open-source community, and we are grateful to have the support of [Supabase](https://supabase.com/) and [MUI](https://mui.com/material-ui/getting-started/overview/), which has significant contributions to the community. We're proud to host our second Hackathon on collaboration with the [DEV](https://dev.to/refine) platform.
It's worth noting that refine has built-in [data provider support](https://refine.dev/docs/packages/documentation/data-providers/supabase) for Supabase and [UI framework integration](https://refine.dev/docs/api-reference/mui/) for Material UI. So we believe they will be excellent backend and UI solutions for your hackathon project.
Supabase and MUI will also be providing swag kits for the winners.
<br/>
<br/>
## Hackathon Key Facts
- You have four weeks to build a cool Open Source project using **refine**.
- Build a **refine** app. It can be anything like the 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.
- π₯ You can use [refine browser tool](https://refine.dev/?playground=true) to create a complete refine CRUD app in 10 seconds and built your hackathon project on top of it.
## Details
### Schedule
- The Hackathon begins on Wednesday 21st June 2023
- Work on your project any time for the next four weeks
- Submission deadline Thursday, July 20 11:59 PM UTC, 2023
- Submission judging begins Monday, July 24, 2023
### Prizes π
The total prize pool amount is **$10,000**. The distribution of prizes will be announced on the [DEV](https://dev.to/) platform on the launch day. There are five categories in which participants can win, and prizes will be awarded for each category.
#### Main Prize Categories
- **Best Overall Project**
- **Most Visually Pleasing**
- **Most Technically Impressive**
You can use any data provider or UI framework in the refine app for the three main prize categories above.
#### Sponsor's Special prize categories
- **Best Project built using [Supabase](https://supabase.com/)**
- The project must use Supabase as a data provider in the refine app
- **Best Project built using [Material UI](https://mui.com/material-ui/getting-started/overview/)**
- The project must use Material UI as the UI framework in the refine app
Five Grand Prize Winners (one per category):
- $1,000 USD gift card or equivalent
- $300 USD credit to the Forem Shop
- DEV Sticker Pack
- 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
- Special Swag Kits from refine
#### Runner-up
- There will be ten runner-up prizes.
β‘ Also, the winners will get [refine Special Swag Kit](https://store.refine.dev/product/hackathon-swag-kit) + Swag Kits from **Supabase** and **MUI**.
<br/>
## Submission
- Submissions activated on [DEV](https://dev.to/devteam/announcing-the-refine-dev-hackathon-29fn) platform
- All detailed information on submissions will be explained on the [refine + DEV Hackathon Announcement Post](https://dev.to/devteam/announcing-the-refine-dev-hackathon-29fn).
## Rules
- All code for your project must be created during the hackathon event.
- All entries must be Open Source.
- The apps must be built using **refine** framework.
- Team size 1-5 (you cannot be in multiple teams).
- One submission per team.
## Community
The **refine** team will be taking part in the Hackathon and you'll find us live building in our Discord all week.
- Join us in our [Discord](https://discord.gg/refine) to get help, ask questions, and share your progress. You can also find a potential teammate on Discord hackathon channel.
- Forum channel: **Hackathon**
- Follow us on [Twitter](https://twitter.com/refine_dev) for updates and announcements.
- [Refer to refine GitHub repository](https://github.com/refinedev/refine)
## FAQ
### What kind of projects can I submit?
- You must build an app using refine framework. It can be anything like the CRUD app, admin panel, internal tool, forms, storefront, and dashboard. Also, you can build a library, data provider, auth provider or live provider etc. for refine.
- For the **Best refine Project built using Supabase** category, you need to use Supabase as a data provider in the refine app.
- For the **Best refine Project built using Material UI** category, you need to use Material UI as the UI framework in the refine app.
### How are the prizes given?
- Prizes will be distributed by DEV platform.
### What are the judging criteria?
- The Judges will be senior staff from the refine DevRel, Marketing, and Engineering Teams.
- Judging criteria:
- Quality: It is evaluated based on its creativity and originality.
- Design: The design of the idea is judged based on its user experience and visual appeal.
- The technical implementation: It is assessed how well the idea was executed by the developer and how effectively refine was used in the submission.
### How are the prize and swag kits given if the teams project wins?
- Only one prize and one swag kit will be given per winner project. You can distribute the prize to your team.
## Useful resources
- You can step up to complete CRUD app tutorials to learn **refine** and how it works.
- https://refine.dev/docs/tutorial/introduction/index/
- You can look at real use case example projects built with **refine** to get inspiration.
- https://refine.dev/examples/
- Check out the refine Supabase integration docs:
- https://refine.dev/docs/packages/documentation/data-providers/supabase/
- Check out the Material UI docs on refine
- https://refine.dev/docs/api-reference/mui/
- [Refer to Supabase Docs](https://supabase.com/docs)
- [Refer to Material UI Docs](https://mui.com/material-ui/getting-started/overview/)
- [refine 7/24 Discord Support Channel](https://discord.gg/refine)