Make sure you have Node.js and npm installed.

npm install
npm run dev

We’ve noticed that people our age are getting less physical activity. Technological entertainment is replacing the time usually spent on physical activity. This lack of movement can lead to serious health problems in the future. To fix this, we created Leagues.

Leagues is a digital platform that encourages physical activity by enabling friendly matchmaking for sports teams. It prioritizes fun over competition, transforming sports into a tool for social bonding and wellness. Our skill-based matchmaking system ensures fair games, regardless of experience. It also is 100% free and no commitment, which removes the financial barrier in traditonal recreational leagues.

• Frontend: React + Vite + Material UI (MUI)
• Backend: Firebase (Firestore + Authentication)
• Auth: Google Login via OAuth 2.0
• Communication: Git (code collaboration), WhatsApp (team coordination)
• Version Control: GitHub

• Communication issues due to time zones and poor internet (some teammates were on vacation).
• Debugging Firebase integration and UI responsiveness.
• Managing teamwork with varied experience levels and schedules.

• Smooth Firebase integration with real-time updates.
• Building a fully functional web app that could have real community impact.
• Learning and applying modern tools like Vite and MUI efficiently.

• How to scale projects according to our skillsets.
• More in-depth experience with React, Firebase, and OAuth.
• Broader understanding of how sports matchmaking platforms could work at scale.

• Leverage AI to provide personalized sports drills based on user match data.
• Partner with local recreational centers to offer safer and more accessible play areas.
• Expand to multilingual support to reach more global communities.

• React – MIT License
• Vite – MIT License
• Firebase – Apache 2.0 License
• Material UI – MIT License
• OAuth 2.0 – Open Standard
• HTML5, CSS3, JavaScript

• Fonts:

  • Montserrat (Italic Variable Font) – Google Fonts, licensed under Open Font License (OFL)
  • Sporty Pro Regular – Licensed via Adobe Fonts (includes commercial/embedded use under Adobe's terms)

• Frameworks & Libraries:

  • React – MIT License
  • Vite – MIT License
  • Material UI – MIT License
  • Firebase – Apache 2.0 License
  • OAuth 2.0 – Public Standard

• Icons:

  • All icons used are part of Material UI Icons, licensed under MIT.

• Design & Styling Tools:

  • Adobe Fonts – Used under Adobe Creative Cloud license for typography

Sign Up Page

Login Page

Homepage

Teams Page

Stats Page

Book a Match Page

Current Match Requests Page

Upcoming Matches Page

Tutorials Page

Settings Page

© 2025 Leagues Team (Soumil Voona, Harshith Reddy Gade, Aarnav Munji, Iniyann Vivekanandan). All rights reserved.

This project is proprietary and may not be copied, modified, or distributed without written permission from the team members.