A web application that allows players to track their Valorant rank, match history, and detailed stats using the HenrikDev API.
Live site: https://valorantrr.onrender.com
- Search any Valorant player by Riot ID and tagline
- View current rank and rating (RR) progress
- Track last 10 matches with:
- Match outcome (win/loss)
- Map played
- Kills, deaths, assists (KDA)
- Round score
- Animated rank icons and responsive layout
- Built-in error handling and clean user interface
- Frontend: React (Vite)
- Backend: Express.js
- API: HenrikDev Valorant API
- Hosting: Render
-
Clone the repository
git clone https://github.com/yourusername/valorant-career-tracker.git cd valorant-career-tracker -
Install dependencies for both client and server
npm install cd client && npm install
-
Create a
.envfile in the root with your HenrikDev API keyHENRIK_API_KEY=your_api_key_here -
Run the development servers
- For frontend:
cd client npm run dev - For backend:
npm run server
- For frontend:
Try it out now: https://valorantrr.onrender.com
This project is licensed under the MIT License.