Competee: An online competition platform to unleash hidden talents 🏆
Tags: refinehackathon, refine, webdev, showdev
Published: 2023-07-20 22:17:50

## What I built 
**Competee** is an online **competition** platform designed to push your limits and unleash your hidden talents. It allows individuals to participate in **challenges**, pushing their skills to new heights. Users can submit their work, which will be subject to evaluation and **voting** by fellow participants 👨‍💻. 

Additionally, the platform allows individuals to **host** their own competitions, creating opportunities for others to engage and showcase their abilities. Competee fosters a community of like-minded professionals, facilitating **knowledge exchange** and fostering growth through **friendly competition** 🙌.


### Category Submission: 
- Best Overall Project 🎉
- Most Visually Pleasing 🎉
- Most Technical Impressive 🎉
- Best Project built using [Supabase](https://supabase.com/) as the main data provider for the refine app. 🎉

### App Link
🔥 You can see the live demo project [HERE](https://competee.vercel.app/)

### Screenshots 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwvvwsnxqriuwpgmhmlj.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvymxsqec4hvm4o8tikk.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d05r3q0gqe0ylqz0ows6.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dm2ua8v1qj0mbn4edxou.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z02l1jie3wvemcknbwx2.png)



### Description 
Competee was build using Refine and uses Supabase as the data provider, storage, and auth provider. Ant design and combine with TailwindCSS for the building of the UI. 

**Key Features:**

1. **_Hosting Competition_**: Registered users can create unique challenges, specifying the theme, rules, and submission guidelines. Challenges can span a wide range of fields, including software development, design, art, writing, photography, and more. Creators have the flexibility to make challenges public or private, and they can set the duration for each challenge.

2. **_Participation and Submissions_**: Once a challenge is live, participants can join and submit their projects within the given timeframe.

3. **_Community Voting_**: To encourage interaction and engagement, Competee allows users to vote for their favorite submissions. Voting is open to all registered users.


### Link to Source Code 
🚀 You can see the GitHub repo [HERE](https://github.com/alexcode4ever/competee)

### Permissive License 
MIT

## Background (What made you decide to build this particular app? What inspired you?) 

I've always been drawn to competitions and challenges, and competition is often the best way to learn and I wanted to create a platform that could bring this excitement to a wider audience and provide them with a space to unleash their potential😍. It is also a nice way for different challengers to show case their passion, share knowledge, and encourage each other through competition.


### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) 

I built Competee using Refine, Supabase, Ant Design and TailwindCSS. The demo application was deployed to Vercel. 

It is the first time I learned about Refine through this hackathon and learning Refine from scratch was an exciting journey that opened up a whole new world of possibilities for my future projects. The swizzle feature's ability to generate CRUD resources at lightning speed took my development process to a whole new level 🚀!

Let me tell you about the built-in hooks like `useList` and `useTable` - they're game-changers 🤯🤯! These are incredibly useful and a joy to work with. And because useTable can be combines with UI framework such as Ant Design or MUI, everything just clicked, making development feel like a breeze😍.

Overall, refine is definite the go to project for rapid development and I am very excited in the refine community and looks forward for the future development of the project. I can't wait to witness the future development of this revolutionary project 😎!


### Additional Resources/Info

[Refine](https://refine.dev/)

[Refine-Supabase Data Provider](https://refine.dev/docs/packages/documentation/data-providers/supabase/)

[Supabase Refine guides](https://supabase.com/docs/guides/getting-started/quickstarts/refine)

[Ant Design Docs](https://ant.design/docs/react/introduce)