Carbon Footprint Diary

• 

  Hero page

• 

  Dashboard

Inspiration

I've always wanted to learn software development and use it towards good cause. Seeing the Hack for Humanity project opening on the Devpost was exciting opportunity to contribute my skills and create something that was intended to help keep our home planet safe.

What it does

As technologies become part of us in everyday life and almost everything we do nowadays, we have started to overlook the fact that even every small device, in mass, have started to negatively affect our environment - specifically in the context of air pollution. This is where I came up with an idea to help people visualize the approximate CO2 that was generated from using all those services. It comes with a leaderboard to help user compete each other by using less CO2. It also allows user to set up a weekly goal and to help rank in the top by generating less CO2. The goal is to make doing something good with challenges while having pride on it. On the top navigation bar, users are also able to view their CO2 progress bar where it indicates their weekly goal vs the current CO2 usage.

How I built it

I built this website using technologies below: *** Design *** Penpot for webdesign Affinity for simple web related design like Logos.

*** Frontend *** NextJS for framework CSS & Tailwind for styling

*** Backend *** MySQL for Database BetterAuth for authentication

Challenges I ran into

The main challenge was to find an estimated CO2 emission for the categories as there are not many records or research. With the help of AI and google I was able to put rough approximate C02 emission for different services.

Accomplishments that I'm proud of

I'm very proud of the fact that as a dad with little time to invest in projects like these from personal life & responsibilities, and as an independent developer with no prior CS degree or network, with sole help of internet, I was able to accomplish the skills to make a functioning Full-Stack website that not only function properly but also serves a better purpose, and hopefully I get to expand this projects functionality further to help even more by tackling the humanity issue for better life of our future generation.

What I learned

The effort to finding the datas of CO2 was one clear path to understand the undermining fact that people are not as conscious about the risks we are creating for future by using our devices for doom scrolling on our devices. It was also easy to learn the chain effects of this issue where its not only about CO2 but also recent generation people are less social leading to more mental health issues and other consequences.

What's next for Carbon Footprint Diary

Next update would be to add a chart feature where the user are able to view their CO2 contribution statistically. Also, in the near future, I plan on making a browser extension where the extension would help the user to automatically track the CO2 by auto recording their usage from the browser and log it to their CFD account compare to the current version where the user has to manually input the usage details.

Built With

• betterauth
• css
• javascript
• mysql
• nextjs
• penpot
• react
• tailwind