Skip to content
/ web Public
forked from odota/web

React web interface for the OpenDota platform

License

Notifications You must be signed in to change notification settings

skitttt/web

This branch is 402 commits behind odota/web:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

d14d443 · Apr 12, 2021
May 4, 2018
Oct 3, 2020
Dec 27, 2019
Jan 10, 2021
Apr 9, 2021
Feb 25, 2020
Jun 6, 2016
Jun 3, 2020
Sep 12, 2018
Oct 13, 2020
Sep 26, 2016
Dec 23, 2019
Apr 6, 2020
Nov 13, 2019
Jul 4, 2019
Aug 10, 2020
Oct 3, 2020
Sep 27, 2018
Jan 28, 2017
Jul 4, 2019
Apr 12, 2021
Apr 12, 2021
Dec 27, 2019

Repository files navigation

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 --recurse-submodules git://github.com/odota/web
    • If you already have a copy of the repo, run git submodule init && git submodule update to fetch shared components

With Docker

$ docker-compose up
  • Visit port 3000 on your development machine.

Without Docker

  • Install Node.js (6.0.0 or greater) (on Ubuntu, curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - && sudo apt-get install -y nodejs)
  • npm install
  • npm start
  • Visit port 3000 on your development machine.

Component view and development

  • npm run storybook
  • Visit port 6006 on your development machine.

Contributing

  • Make some changes.
  • npm run lint to check your code for linting 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:
    • PORT: Changes the port that the development server runs on
    • REACT_APP_API_HOST: Changes the API that the UI requests data from (default https://api.opendota.com)

Tech Stack

  • View: React
  • State Management: Redux
  • CSS: styled-components

Workflow

  • If you're interested in contributing regularly, let us know and we'll add you to the organization.
  • The master branch is automatically deployed to the stage environment.
  • We'll periodically ship releases to production: https://www.opendota.com

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.

Resources

Testing

BrowserStack have been kind enough to provide us with a free account for Live and Automate. We will be using Automate in the future to run automatic end-to-end testing.

BrowserStack is a cloud-based cross-browser testing tool that enables developers to test their websites across various browsers on different operating systems and mobile devices, without requiring users to install virtual machines, devices or emulators.

About

React web interface for the OpenDota platform

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 82.0%
  • HTML 17.1%
  • Other 0.9%