๐ฎ Nexus: Full-Stack Esports Analytics Platform
An end-to-end full-stack analytics platform for professional esports, enabling interactive exploration of Valorant and League of Legends data across players, teams, maps, agents/champions, and match performance.
๐ฏ Project Overview
Nexus was built to transform raw esports match data into actionable, interactive analytics through a cleanly separated frontendโbackendโdata architecture.
The system integrates a React frontend with a Node.js + Express backend, exposing REST APIs backed by SQL-based analytics queries over structured esports datasets. Users can analyze individual games as well as cross-game team performance within a unified interface.
๐ฅ Demo & Live App
- โถ๏ธ YouTube Walkthrough
๐ง Tech Stack
Frontend
- React (JavaScript)
- CSS (dark-theme UI)
- Reusable components and multi-page analytics views
Backend
- Node.js
- Express
- REST APIs with filtering, pagination, and aggregation
Data
- Structured esports datasets (Valorant & League of Legends)
- SQL queries for analytics logic
โ๏ธ Key Features
๐ฎ Valorant Analytics
- Map pick & ban rate analysis
- Agent specialists and detailed player statistics
- Clutch performance leaders (e.g. 1v5 scenarios)
- Tournament match records with flexible filters
(tournament, stage, match type, teams)
๐ League of Legends Analytics
- Top champions per lane
- Dragon control statistics
- Unexpected loss detection
(e.g. games with gold lead > 3000 but still lost) - Full match records with MVP / SVP data
๐ Cross-Game Team Rankings
- Combined win rates across Valorant + League of Legends
- Dedicated team comparison and ranking views
๐ Architecture Overview
High-Level Structure
Client (React) โ REST API calls โ Server (Node.js + Express) โ SQL queries over structured datasets
Design Highlights
- Clear separation of frontend, backend, and data layers
- Backend endpoints encapsulate analytics and aggregation logic
- Frontend focuses on visualization and user interaction
- SQL used directly for performant filtering and computation
๐ Project Structure
src/
- client/ โ React frontend
- components/ โ Reusable UI components
- pages/ โ Analytics views (Home, Valorant, LoL, Teams, Matches, etc.)
- server/ โ Backend (Node.js + Express)
- sql/ โ SQL analytics and aggregation queries
- routes.js โ REST API route definitions
- db.js โ Database connection and query helpers
- server.js โ Backend entry point
-
datasets/ โ Structured esports datasets (Valorant & League of Legends)
โธป
๐ GitHub Repository
Explore the full source code and documentation: