Overwatch Heroes
All heroes
Filter Tank
Filter - Damage
Filter - Support
Hero Ultimate
Abilities
Hero profile
API - list of all the heroes, and their preview images.
An instance of a hero data (Ashe). There's 32 of these!
1 of 9
About
Overwatch Heroes is an API focused project that I built to be able to get all the information about these characters in one place. I realized there was no current API with the latest stats, so I went ahead and built one! Of course, I also built a react client to showcase the data in a meaningful way, I am first and foremost a frontend dev. Using Django and DRF to build the backend API was an experience for sure, I hit quite a bit of stumbling blocks and had to do a lot of googling but in the end, it came together quite nicely. I am hoping to make this an overwatch one-stop-shop for players, especially the API, with more info about maps, plot, comics and more!
Tech stack
React
Redux
Sass
Django
Netlify
HerokuFeatures
- Exhaustive API
- All facts and stats sourced from wiki or playoverwatch.com
- Responsive layout
- Role based filtering
- All 32 current heroes and their latest stats
- Includes multiple abilities and weapons for each hero
- Django DRF based API for use without a client
- Images and icons for every ability and weapon pulled from wikis
- Custom cursor
Questions
Got other questions? Get in touch!
Possible future updates
- Player search and stats
- Better design
- Extend the API to include more information surrounding the game