-
homepage
-
default discover page
-
filtered discover page
-
watchlist
-
login page
-
hover & outline
-
update profile
-
open dropdown
The goal of this project is to cut down on the time and energy we spend (spoiler: nearly 45 hours a year) searching for something to watch, turning on a show, disliking it, turning it off, and trying again.
With all the options in one (near carbon-free) place users can create watchlists and break out of the 'what should we watch' cycle. Reducing emissions from watching uninteresting shows and movies that end up getting turned off anyways.
Why?
Every year the carbon footprint of the internet grows. Current estimates place it at about ~4%. Online video accounts for a quarter of that.
Video on demand (Netflix, Amazon, Prime Video, Disney+, etc.) generates 102 million tons of CO2 each year.
How?
👑 Tree Nation's Net Zero Website program calculates and offsets the CO2 emissions of WatchIt's website by planting trees!
Sustainable Web Design is a fantastic and informative guide and the reason for many of my design and development decisions. Including:
- Next.js 13 - Compared to React, Next is smaller and more performant. Next's image optimization was also important for page efficiency.
- Firebase - Google has the largest renewable energy portfolio of any corporation and has pledged to ensure Google Cloud is entirely carbon-free by 2030.
- Database Location - Because WatchIt's database is located in the Google Cloud Montréal region, it will be running on completely carbon-free energy!
- A dark color pallette by default. - On OLED screens, "darker colors require less energy to illuminate... [and] blue pixels use approximately 25% more energy than red and green pixels."
Built with
What I learned
I learned a ton about sustainable web design and the environmental cost of data and the internet. It was cool to see all the ways the tech community has come together to offest the carbon impact.
Built With
- firebase
- nextjs
- tailwindcss
Log in or sign up for Devpost to join the conversation.