Farhaan Beeharry
Software Engineer
© 2026 All rights reserved.
Blaugrana
Blaugrana is a members-only club-management web app for
an FC Barcelona-inspired football club. Members sign in
to a personalised dashboard to vote their availability
for upcoming matches, view lineups, and track club
finances and their subscription payments; admins get a
full "Pitch Overview" with squad, payment and finance
KPIs, member management and PDF receipt generation.
It is a framework-less vanilla-JS PWA with a dual backend — Firebase handles auth, members and matches, while Supabase backs the finance data.
Key features:
Live website: https://foot.farhaan.info/
It is a framework-less vanilla-JS PWA with a dual backend — Firebase handles auth, members and matches, while Supabase backs the finance data.
Key features:
- Firebase email/password auth with password reset
- Role-based Admin and Member dashboards
- Match management + real-time availability voting
- Finance tracking (income/expense) on Supabase
- Member roster with subscription plans & approval workflow
- Payment status + jsPDF receipt generation
- Monthly payment batch generation
- Installable PWA
- Responsive Tailwind UI
Match day, managed
From the admin's Pitch Overview to the member's pocket app — recreated from the app's real screens and colour system.
Dashboard
Members
Matches
Finance
Payments
Pitch Overview
20
Squad
14
Paid
6
Pending
Rs 15,000
Expected
Rs 10,500
Collected
Rs 42,200
Balance
Next match — Sun 16:00
AS
RK
MJ
DL
+
18 / 20 available
16 playing
2 out
Admin dashboard
Next Match · vs Rovers
I'm Playing
Can't make it
My subscription
Paid · Aug 2026
Download receipt
Member app (PWA)
JavaScript (ES modules)
Tailwind CSS
Firebase Auth
Cloud Firestore
Supabase
jsPDF
PWA
Live website: https://foot.farhaan.info/
If you need a demo access account, please contact me on my email contact@farhaan.info