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
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 installnpm start- Visit port 5173 on your development machine.
Contributing
- Make some changes.
npm run typecheckto check your code for typing errors.npm testto 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:
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
- If you're interested in contributing regularly, let us know and we'll add you to the organization.
🔗 More in this category