Full Stack
WeMatch Admin Panel
Responsive WeMatch administration panel with role-based authentication, club onboarding, e-commerce, inventory, promotions and sales analytics.
Summary
Responsive WeMatch administration panel with role-based authentication, club onboarding, e-commerce, inventory, promotions and sales analytics.
My participation
I contributed to building the administration panel, integrating authentication, dashboard, club onboarding, catalog, inventory, promotions, sales and backend services.
Implementation
I worked on a React, TypeScript, Vite and React Router SPA connected to an Express API. I integrated administrative authorization, Supabase data and storage, validated forms, controlled polling and a responsive interface.
Core functionality
- Administrative login, role-based authorization, session refresh and secure logout.
- Dashboard metrics for players, clubs, products, stock, collections, alerts and recent activity.
- Player lookup with search, status, contact data and pagination.
- Club lookup with name, city or address search and pagination.
- Public club registration wizard covering operations, courts, schedules, pricing, policies, fiscal data and images.
- Application review with filters, details, approval, rejection, invitation generation and email delivery.
- Product CRUD with search, categories, pricing, visibility, featured items, flash offers, SKU, brand and images.
- Inventory control with initial stock, low-stock thresholds, adjustments and movement records.
- Collection CRUD with banners, ordering, assigned products and publishing.
- Flash campaign and percentage or fixed-amount promotional code management.
- Period-based sales analytics with revenue, orders, average order value, units, trends, top products and recent orders.
- Responsive UX with loaders, errors, empty states, toasts, confirmations and visibility-aware automatic refresh.
Result
I contributed to centralizing club onboarding, e-commerce operations and WeMatch sales metrics in a single tool.
Stack
- React
- TypeScript
- Vite
- React Router
- Tailwind CSS
- Express
- Supabase
- PostgreSQL