This project is a single-page application that displays the current state of a Dota 2 match based on data received from the Steam API.
The app can display the following data for a given match:
- Match name:
{team_1} vs {team_2}
- Match ID:
{match_id}
- Current game time:
{mm:ss}
- Score of each team:
{team_1_score} - {team_2_score}
- List of players and their heroes from both teams
- State of each team's buildings (towers + barracks)
- Front-end: React (Create React App)
- Back-end: Node.js, Express
- Deployment: Vercel (front-end), The Host (back-end)
- Additional Libraries: cors, dotenv
Before starting, make sure to have Node.js and npm installed on your machine.
- Navigate to the
client
directory:cd client
- Install dependencies:
npm install
- Start the development server:
npm start
- Visit
http://localhost:3000
in your browser
- Navigate to the
server
directory:cd server
- Install dependencies:
npm install
- Start the development server:
npm start
- The server runs on
http://localhost:5543