T9 Climate Footprint

Excuse brevity in this information because of time constraints

Inspiration

As the web becomes more prevent in our day-to-day lives, the impact on the environment grows. I wanted to create a site (& API) that suggests to developers what needs to be optimized on their sites so they can achieve the functionality they want while also reducing the harm their project might create.

What it does

By entering a URL or hitting an API endpoint, you'll get information to lead you to files that might need to be examined closer. This is meant to be a final check for developers to fix optimization issues that may have slipped by.

How we built it

This app is built using a Node.js backend, which uses Express.js to control the API and serve the Preact front end. The front end is compiled with Vite.

Challenges we ran into

This project required using many new technologies in Node that I wasn't familiar with, such as Puppeteer or the Chrome DevTools Protocol

Accomplishments that we're proud of

... having something to submit in time. Much of the work for this site was hastily put together as the deadline approached, and I'm surprised I finished in time.

What we learned

The importance of project management and communication with potential teammates. It can be valuable to take a hackathon experience seriously and be ready to advocate for your needs/solutions in a team.

What's next for T9 Climate Footprint

Lots. Table formatting, improving the sub-par tools for detecting website errors, displaying current carbon footprint and footprint after optimizations.

Built With

• express.js
• node.js
• preact
• vite