You are browsing as a guest. Sign up (or log in) to start making projects!

Teamselector

  • 3 Devlogs
  • 1 Total hours

It's a website dedicated to help choosing a suitable sport team.

Open comments for this post

16m 44s logged

Today I got a feedback, that said, I should translate my site so people on Hackclub could understand, what is written here.
If I had choosen the elegant way to do this, it would’ve taken a plenty of time. And for me it would’ve been wasted time, because this site was developed for Hungarians.
So I just added a quick Google Translate widget. It is pretty ugly, but you can understand it now.
I hope you like it!
In case you found a bug, please DM me on Slack: @be.the.nike

0

Loading discussion…

1
10
Open comments for this post

19m 56s logged

Devlog — Sportválasztó (July 2026)
The last two days were all about squashing login and connectivity bugs on sportvalaszto.hu. Here’s what went wrong and how I fixed it.
Bug #1: The site wouldn’t load for some international testers
Turned out appwrite.js had a hardcoded endpoint (cloud.appwrite.io/v1) that didn’t match the region-specific one in .env (fra.cloud.appwrite.io/v1). This mismatch broke the app for some foreign (Hack Club) testers.
Fix:

Swapped the hardcoded value for import.meta.env in appwrite.js
Made sure the hosting provider had the VITE_APPWRITE_* env vars set at build time, not just runtime

Bug #2: Google OAuth redirect_uri_mismatch
Login was failing with a redirect_uri_mismatch error from Google.
Fix:

Registered the full callback URL in Google Cloud Console under Authorized redirect URIs:
https://fra.cloud.appwrite.io/v1/account/sessions/oauth2/callback/google/68fe2fae00030619f0a5
Kept Authorized JavaScript origins domain-only (no path):
https://fra.cloud.appwrite.io

Mixing these two up was the root cause — an easy trap to fall into.

Stack: Appwrite Cloud (Frankfurt region) · Google OAuth 2.0
Both bugs are now resolved and login works reliably for testers regardless of location. Hurrayy!!

0

Loading discussion…

1
10
Ship #1

Sportválasztó is a website that helps people in Hungary find a sports club — you can browse and filter clubs by sport, city, and membership fee, and each club gets its own page with contact info, a map, and a description. Club owners can register and manage their own club through a dashboard that even shows page-view statistics over time.
The trickiest part was the filtering system — keeping search, multiple sport/city filters, fee ranges, and the URL all in sync so filtered views could be shared as links, without things getting out of sync when a filter was added or removed. I'm proud of how the whole editor workflow turned out: people can apply to manage a club, owners can accept or reject those requests, and everything (reports, edit requests, club data) flows through Appwrite cleanly without a custom backend.
To test it: open the site, browse or filter clubs on the main page, click into a club to see its detail page and map, and try registering an account to create or manage a club from the dashboard. One thing worth knowing going in: the whole site is in Hungarian, since it's built for Hungarian sports clubs.

  • 1 devlog
  • 0h
Try project → See source code →
Open comments for this post

27m 54s logged

Devlog: Sportválasztó
What is this project?
Sportválasztó (Hungarian for “Sport Selector”) is a website I’ve been building to solve a problem that’s been bothering me for a long time: in Hungary, finding a sports club is genuinely awful. There’s no good, centralized, user-friendly way to browse sports and find a club that actually fits what you’re looking for. So I decided to build one myself.
Timeline
I actually started working on this project last fall, long before I joined Hack Club. It’s been a side project I come back to whenever I have the time and motivation for it, so progress has been steady but not constant — more of a “work on it in bursts” kind of project than a daily grind. Joining the Stardance Challenge felt like a great excuse to pick it back up with more focus and actually push it forward.
Tech stack
I’m keeping things simple and dependency-free:

HTML for structure
CSS for styling
JavaScript — all vanilla, no frameworks or libraries

No React, no build tools, no bloat. Just the raw basics, which honestly was not the best decision, but at the time I started I had no clue about any frameworks existing.
A small honest note
One thing worth mentioning: the site itself is in Hungarian, since it’s built for Hungarian users trying to find local sports clubs. I know Hack Club’s community and platform are primarily English-speaking, so there’s a bit of a language mismatch between the project and the challenge. I’m keeping the devlogs in English, but the actual product stays Hungarian, because that’s who it’s meant to serve.
What’s next
I’ll keep posting updates here as I keep building — adding features, improving the design, and (hopefully) making it easier than ever for people in Hungary to find a sport and a club that’s right for them.

0

Loading discussion…

1
13

Followers

Loading…