Farhaan Beeharry
Software Engineer
© 2026 All rights reserved.
Blaugrana
Blaugrana is a responsive football club management web
app designed to help a local squad manage members,
match availability, payment tracking, and club finances
from one simple dashboard.
The app was built to replace scattered manual workflows with a clearer digital system. Admins can review the squad overview, track who has paid, monitor outstanding dues, create match schedules, and view the club treasury without switching between spreadsheets, chat messages, and separate finance notes.
Blaugrana includes separate admin and member experiences. Admin users get operational tools for managing matches, payments, finance records, and members, while regular members can check their profile, see upcoming matches, vote on availability, and review their payment status.
Key features include:
The interface was designed around fast scanning and repeated use. Important club metrics are surfaced as dashboard cards, match participation is visualized with progress indicators, and finance data is grouped into clear income, expense, and balance summaries.
On the member side, the app keeps the experience focused on the tasks players need most: checking their current payment status, voting for the next match, and viewing membership details. This keeps the product useful for both administrators and regular club members.
Tech stack: HTML, CSS, JavaScript, Tailwind CSS, Firebase Authentication, Firestore, Supabase, Progressive Web App manifest, and service worker support.
Blaugrana is a practical web product focused on community sports operations, combining club administration, member self-service, attendance coordination, and financial visibility into one lightweight application.
Live website: https://foot.farhaan.info/
The app was built to replace scattered manual workflows with a clearer digital system. Admins can review the squad overview, track who has paid, monitor outstanding dues, create match schedules, and view the club treasury without switching between spreadsheets, chat messages, and separate finance notes.
Blaugrana includes separate admin and member experiences. Admin users get operational tools for managing matches, payments, finance records, and members, while regular members can check their profile, see upcoming matches, vote on availability, and review their payment status.
Key features include:
- Admin and member dashboard views
- Match scheduling and attendance voting
- Member directory and profile management
- Monthly and per-session payment tracking
- Finance ledger for income and expenses
- Club balance, collected amount, and pending dues
- Firebase Authentication for user access
- Supabase-backed finance data management
- Responsive desktop and mobile navigation
The interface was designed around fast scanning and repeated use. Important club metrics are surfaced as dashboard cards, match participation is visualized with progress indicators, and finance data is grouped into clear income, expense, and balance summaries.
On the member side, the app keeps the experience focused on the tasks players need most: checking their current payment status, voting for the next match, and viewing membership details. This keeps the product useful for both administrators and regular club members.
Tech stack: HTML, CSS, JavaScript, Tailwind CSS, Firebase Authentication, Firestore, Supabase, Progressive Web App manifest, and service worker support.
Blaugrana is a practical web product focused on community sports operations, combining club administration, member self-service, attendance coordination, and financial visibility into one lightweight application.
Live website: https://foot.farhaan.info/
If you need a demo access account, please contact me on my email contact@farhaan.info