DEV Community

Cover image for Competee: An online competition platform to unleash hidden talents πŸ†
Alex
Alex

Posted on

Competee: An online competition platform to unleash hidden talents πŸ†

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 as the main data provider for the refine app. πŸŽ‰

App Link

πŸ”₯ You can see the live demo project HERE

Screenshots

Image description
Image description

Image description

Image description

Image description

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

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

Refine-Supabase Data Provider

Supabase Refine guides

Ant Design Docs

Top comments (0)