Built Diff - Valorant Fantasy League

Inspiration

League of Legends' Pick Em's, traditional fantasy football, and post match threads on reddit all provided inspiration to create this project. We wanted to create an application that encapsulated the game aspect of Pick Em’s and fantasy football, but also provide an easy way to view a team’s performance.

What it does

Built Diff is a webapp that allows you to construct your own Valorant team from a pool of pro players and watch them compete in the latest e-sports tournaments. Kills, deaths, and assists your players earn will contribute to your team's overall combat score. You can compete against your friends and the global leaderboards to see who drafted the true champions. It's split into two parts: one, where you have a flow creating the team out of pro players; and two, a dashboard aggregating all of your information.

How we built it

The frontend uses React and Typescript, while the backend uses Django and Postgres. All of our data (player data, post match threads, etc) is sourced off of the Liquipedia API.

Challenges we ran into

Parsing through a lot of data - since Liquipedia has fairly large information dumps from its endpoints, it was challenging (but doable!) coordinating on knowing which backend endpoints to build and how they fulfilled frontend requirements. Additionally, there were a few challenges with some frontend libraries that we were using, that required some out of box thinking. Also the Liquipedia API doesn’t yet have the average combat score of a player after a game, so we resorted to a performance metric that is based on KDA instead.

Accomplishments that we're proud of

...that somehow we built the project

What we learned

More about the specific technologies we were working with, how Valorant tournaments work, connecting Django and React

What's next for Built Diff - Valorant Fantasy League

Going public….

Built With

Submitted to

Liquid Hacks
- Winner Best Overall - 2nd Place

Created by

I worked on the back-end with Terence to set up our Heroku server and implement the necessary API endpoints for our application. This included interfacing with the TeamLiquid Liquipedia DB. Our back-end was written in Python based on the Django web framework.

Dan Zhang
I worked across the stack to get statistics from Valorant tournaments using the Liquipedia API and display it on the frontend, design the overall look-and-feel of the app, and implement the core features.

Darian Nguyen
I worked on the back-end with Dan to set up the Heroku server. In addition to that, I created the Postgres database that stored basic user information along with their fantasy team. I also helped write some of the API endpoints. The back-end used Python's Django web framework.

Terence Tong
I worked on the frontend with Darian, and was responsible for the dashboard page and linking it to the relevant APIs made by our backend team. The frontend was done in React and Typescript.

Selynna Sun
hackathon organizer & web developer