Mas Padel
Competitive Ranking for Padel Players
Mas Padel is a web app designed for Padel enthusiasts looking to add a competitive edge to their matches. The app allows users to create groups, track match results, and generate player rankings based on performance. Whether you’re playing casually or in a more competitive setting, Mas Padel helps players stay motivated and improve by tracking their stats and ranking among friends or club members.
How It Works:
Create a Group: Users can create a group and invite as many friends as they like.
Register Matches: After each match, players log the results, and points are awarded based on the final score.
Ranking System: Players are ranked based on their overall points, creating a leaderboard that reflects their performance.
Player Stats: Users can access detailed personal stats, including win rate, best winning streak, best partner, toughest opponent, and more.
Group Creation and Management
Users can easily create groups with no limit on the number of players. Whether it’s a small group of friends or a large club, the app allows anyone to join with an invitation link. Admins have control over managing group members.
Match Registration and Scoring
After each game, users can input the match results, including scores for each team. The app automatically calculates and assigns points to each player based on performance, allowing for consistent and fair scoring.
Dynamic Ranking System
The app generates a live leaderboard based on overall points earned by each player. Rankings are updated in real-time after every match, offering instant feedback and fostering healthy competition within the group.
Detailed Player Statistics
Beyond simple rankings, players can view a variety of in-depth stats: win rate, best win streak, best partner, toughest opponent, match history, etc.
My Role
As the sole creator, I handled the entire process from concept to execution.
Designed the App: Created wireframes and interactive prototypes using Figma to map out the user experience.
Developed the Front-End: Built the app using React and Next.js for a dynamic, responsive user interface.
Built the Back-End: Used PostgreSQL with Supabase to manage the database, handling user data, match results, and the ranking system.
Deployed the App: Deployed the live version at maspadel.app using Vercel.
Tech Stack
Frontend: React, Next.js
Backend: PostgreSQL with Supabase
Deployment: Vercel
Design Tools: Figma