News Spectrum

Inspiration

We wanted a project that would allow to us to test out all the neat ideas we learned in the Bloom Workshops. Given that world events have been so significant this year, we decided to stick to that theme.

What it does

This site demonstrates how different news networks write unique headlines for the same exact story based on their individual biases.

How I built it

The HTML document was used to format all the text and images on the front page, whose style was determined by the CSS sheet. Different concepts like inheritance, hyperlinks, cascading, specificity were used. The JavaScript code handled all the button presses and dynamic changes in the page's information.

Challenges I ran into

The biggest challenge was figuring out how to ensure that certain elements would appear/disappear with button clicks while maintaining the formatting of the rest of the page.

Accomplishments that I'm proud of

This is the first website I ever built, so I'm quite proud that I was able to get something up and running.

What I learned

There's a ton of little features that have already been written into the languages and can simply be used as functions. But that also leads to a lot of internet searches.

What's next for News Spectrum

Using React may allow the user interface to be cleaner, but that's a future project.

Built With

• css
• figma
• html
• javascript