odota
web
TypeScript

OpenDota: React web UI for Dota 2 statistics using the OpenDota platform

Last updated Jul 5, 2026
1.2k
Stars
407
Forks
98
Issues
0
Stars/day
Attention Score
97
Language breakdown
TypeScript 99.4%
CSS 0.3%
HTML 0.3%
Files click to expand
README

opendota-web

Help Contribute to Open Source

OpenDota Web UI: A web interface for viewing Dota 2 data. This utilizes the OpenDota API, which is also an open source project.

Quickstart

  • Clone the repo using git clone git@github.com:odota/web.git
  • Install Node.js (v16 or greater) (download installer or install via package manager)
  • npm install
  • npm start
  • Visit port 5173 on your development machine.

Contributing

  • Make some changes.
  • npm run typecheck to check your code for typing errors.
  • npm test to check all app routes for uncaught JavaScript errors.
  • Submit a pull request. Wait for review and merge.
  • Congratulations! You're a contributor.

Configuration

  • You can set the following environment variables:
- VITEAPIHOST: Changes the API that the UI requests data from (default https://api.opendota.com) - SSLCRTFILE/SSLKEYFILE: Causes the development server to use HTTPS

Tech Stack

  • View: React/Redux
  • CSS: styled-components

Notes

  • You don't have to set up the entire stack (databases, etc.), or worry about getting starter data, since the UI points to the production API.
  • Use the configuration to point to your own API (if you are working on a new feature and want to start building the UI before it's deployed to production).
  • Discord: https://discord.gg/opendota
- Strongly recommended for active developers! We move fast and it's helpful to be up to speed with everything that's happening.
  • If you're interested in contributing regularly, let us know and we'll add you to the organization.
🔗 More in this category

© 2026 GitRepoTrend · odota/web · Updated daily from GitHub