Sports, hand-to-hand combat
Website and admin panel for the SC Titan sports club
A 7-page website for a hand-to-hand combat club and a custom admin panel where the owner updates merch, gyms and the team without a developer.
- Client
- SC Titan sports club, Odesa
- Format
- Commercial case
- Stack
- HTML / CSS / JavaScript, Firebase Firestore, Firebase Storage
- 7pages on the public website
- 3admin sections: merch, gyms, team
- 0developer requests for content updates
The problem
SC Titan is a hand-to-hand combat club in Odesa with 2 gyms, a coaching team and over 100 students. Information about the club lived only on social media. The club needed a proper website, and above all the owner needed to add a new gym, coach or product herself, without calling a developer every time.
The solution
A 7-page website and a custom admin panel, SC Titan Admin, built on Firebase. Content, photos and visibility settings are stored in Firestore and Storage and appear on the site immediately, with no separate backend. The admin panel is protected with Firebase Authentication. The code was written with AI-assisted development.
The admin panel has 3 sections:
- Merch. Category, name, description and up to 4 photos. Photos are compressed automatically before upload.
- Gyms. Name and label, address, age range, map link and photo.
- Team. Coaches, judges and sponsors in one form: role, experience, achievements, contacts and photo.
Every section has a display order field and a «Show on site» switch, so a sold-out product can be hidden with one click without deleting it.
The public site has Home, About, Team, Gyms, News, Merch and Contacts pages. News comes straight from the club’s Facebook page, so posts never have to be copied by hand.
The result
| Before | After | |
|---|---|---|
| Source of club information | social media only | a 7-page website |
| New gym, coach or product | through a developer | the owner, in the admin panel |
| Hide an item without deleting it | not possible | one click |
| Photo optimisation | manual | automatic on upload |
| News on the site | copy by hand | Facebook feed |
How the work went
How work on this project went, from understanding the problem to launch and improvements.
- 01
Discovery
Worked out with the owner what the site should show and what he wants to change himself: gyms, coaches, merch. Until then, everything about the club lived only on social media.
- 02
Solution design
Planned a 7-page site and the admin data model: 3 sections, each with a display order and a visibility toggle. Chose Firebase so there is no separate backend to run.
- 03
Build
Built the public site and the SC Titan Admin panel: Firebase Authentication login, automatic photo compression and a Facebook news feed.
- 04
Testing
Tested the full admin cycle: add, edit, hide and restore an item, and check that changes show up on the site right away. Checked the site on phone and desktop.
- 05
Launch
Published the site at sc-titan.com.ua and handed the owner access to the admin panel.
- 06
Optimisation
Photos are compressed before upload, so the site loads fast on a phone. The owner adds a new gym, coach or product himself, without a developer.
Screenshots
About the club
Gyms with map links
Team: coaches, judges, sponsors
Merch with category filters
News from the Facebook feed
Admin panel: merch
Admin panel: gyms
Admin panel: team