We frequently watch small streamers on Twitch and after reading the prompt for HooHacks, we decided to find a way to give back to the streamers that we spent countless hours watching.

What it does

Our website has a simple design that shows one Twitch channel on the page and stats for that channel on the side. There is also a refresh button that changes the advertised Twitch channel to another small and consistent streamer.

How we built it

We built the website using HTML. The Twitch channel selection process was built with a JavaScript web scraper that implements an algorithm that we created. The algorithm gave weights to the different amounts of viewers, followers gained, and active streaming days. Using the algorithm, we were able to determine our definition of a small and consistent streamer. This streamer will then have their channel broadcasted on my webpage that is hosted on AWS.

Challenges we ran into

The JavaScript script ran into difficulties linking with the HTML file due to certain errors regarding browser/client-side Javascript syntax. Also the first run of web scraping, we use request-promises and that didn't work out so we had to restart the web scraping with cheerio/axios which worked out very well in the end.

Accomplishments that we're proud of

  • Using AWS to host a website
  • Web scraping with axios/cheerio ## What we learned
  • learned Cheerio/Axios
  • learned a bit more about how to use AWS
  • applied more of what we already knew on JavaScript to a project
  • used part of the Twitch API ## What's next for Twitch Gems First priority is to connect the JavaScript with the HTML. Second will be to add other features to the website that will make it more useful to a bigger group of people.
Share this project: