WebsiteRater | Devpost

The landing screen for our project
The features of the given website
An RGB color slider to find the contrast rating between the background and the font color
A responsive slider that gives a detailed output

Inspiration

Our CSC207 project last semester revolved around creating projects that keep accessibility features in mind. A broad but niche subject that surprisingly not a lot of projects focus on. We wanted to do something similar with our project.

What it does

Our projects helps rate websites based on six different features. Features range from design to accessibility and all the way to speed. Additionally we also created an RGB tracker that helps find the contrast between the font and background color and recommends if that is a good combination.

How we built it

We built it using two python libraries. Beautiful Soup 4 was used for web scraping critical information and data from the website. Additionally, streamlit was used to accurately represent our data. A great front end framework that was easy to work it.

Challenges we ran into

Our main goal was to build a color contrast feature that determined how visible the website is by scraping every single text and comparing it with its background color. We then form an equation that would determine the value for it. While trying to create the algo and equation we came across several difficulties and tried to adapt by creating a visualizer.