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
Log in or sign up for Devpost to join the conversation.