Think Thieves is a re-imagining of the 100 Thieves website, designed to place a larger emphasis on the team's esports sector. While the original 100 Thieves website is beautiful as it is, I felt that there was not enough information being showcased regarding the organization's esports teams and content creators. Thus, Think Thieves is meant to exacerbate this by placing esports and content at the forefront of the site's design.
Web scrapers and APIs are used in tandem to grab the latest data about who's currently live and when 100 Thieves' esports teams are playing next. Match and stream data are cached to prevent overly-repeated API calls and scrapes. Match data is retrieved by web scraping vlr.gg for 100T VAL matches and using the Liquipedia API to parse for 100T LoL's and LA Thieves' matches. Currently live Twitch streams are retrieved using the Twitch API while currently live YouTube streams are retrieved by scraping the channels of those that stream on YouTube (which is only a tiny handful).
Think Thieves was built using React, with Express to assist in running the Puppeteer web scraper. Match and stream data are cached using Redis.
Most of the images and copywriting were borrowed from the official 100 Thieves website, as this is meant to be a small personal project.
Deployed site: https://thinkthieves-c78e2959a576.herokuapp.com/
NOTE - The site will likely take 5-10 seconds to load initially as I am running my projects on an eco plan, which means they need to wake up after periods of inactivity.
Hi, I'm Irene :) I graduated from The Coding Boot Camp @ UC San Diego in September 2023, and these days I'm just trying to build cool stuff and hone technologies old and new while I try to land a job in web dev / software engineering!