Overwatch Sensitivity Calculator

I don't know if this is something anyone would be interested in but I'm currently in the process of building a overwatch sensitivity calculator in React.
You input your dpi, sensitivity, main hero and some other stuff and it tells you what sensitivity you should try based on what pro Overwatch players use on the same hero.

I've basically got a massive json file with all the pros on it, their dpi, sensitivity, main heroes etc and if you select Widowmaker for example it goes through the json file, finds all the pros that use widow then makes an average for dpi and sensitivity out of all the results it finds then takes those values and averages it against the values you provided so you get given a value right in-between what the pros use and what you currently use.

I don't really know if it's something anyone would really want/need but I'm making it anyway to add to my portfolio haha.

I don't have anything ready for you to play around with yet but I'll provided some screenshots. Let me know what you think. If there's any interest I can provide updates.

http://i.imgur.com/Kdi0zyN.png

looks really nice. I dont play overwatch much but you did a good job~

Thanks, I tried to match it to the game as much as possible. I wanted to build something that showcases my ability to make things that are both design focused and functional (though it this case the logic is somewhat simplistic). I spent way to long building the overwatch ultimate charge meter as a gif to use as a loading bar for it last night.

https://i.imgur.com/WS84OhP.gif

It looks a bit blurry and messy in places but thats at 5X scale so no one will notice haha. In order for it to look nice on my blue background the whole thing needs an ugly ass blue border around everything anyway.

Edit: I made a cleaner version anyway because the third outer segment was bothering me.

https://i.imgur.com/H6xs7j7.gif

Here's a progress gif too, you can't really see the animations because it's a gif but they're there :)

https://i.imgur.com/GvTP3VT.gif

I've not done any browser testing or responsive design stuff yet so it's likely going to be an absolute mess on mobile right now but I've got the fundamentals and basic functionality working over the past few days.

I've made a build you can play around with if you like React App

Please keep in mind that player search doesn't work yet and the advanced setting don't do anything (though the animation looks sick in my opinion). I'm also planning to make it so the player listings only show players that use your selected hero.