Hac Scraper is a web app that allows students to view their grades in a more intuitive and visual way. It is built with React, Next.js, and Tailwind CSS.
The inspiration for our project was the students we saw at our school constantly refreshing their Home Access Center to get their grades. Not only was it slow, but it wasted a lot of time! We decided to create a better UI for the system, therefore making it easier to get your grades faster.
Connects to the Home Access Center, uses it’s network requests to update your grades every minute, and moves them to a local database in order to display them quickly. We reverse engineered the network requests that the Home Access Center makes to it’s server and scrape it every minute. We can’t run it ourselves because of liability issues stemming from storing people’s grades, so it’s a localhost-based program. We had difficulty making the scraper render JavaScript content and get the grade information we need, leading to a 4 hour long debug session that ended with us submitting our project just on the nick of time. Not only is the UI better looking than we thought it would be, the web scraper is also really efficient and works extremely well. We learnt a lot about hackathons in general and how to work efficiently, also we learned a ton about web scraping!One of our original aspirations for this project was to implement notifications, so in the future we’re probably going to add that (which should be pretty simple in theory). Other than that, I’d say this project is pretty much complete! Built With