Eco-IQ

• 

  Landing Page

• 

  Example Output for: https://www.thereformation.com/

• 

  Example Output for: https://us.shein.com/

Inspiration

Many large and popular businesses today are not sustainable. With climate change and environmental responsibility becoming more urgent than ever, I wanted to build a solution that not only encourages consumers to consider which companies are worth supporting, but also empower businesses to reduce their carbon footprint and operate more sustainably. I believe that every human being on Earth is capable of of making a positive impact on Mother Nature and it’s never too late to start making better choices.

I have always been concerned about environmental practices and now that I am getting older, I want to stop making excuses for myself and actually start doing my research about which companies prioritize sustainability in their business practices and which ones do not!

I have also been pescatarian for the past five years of my life for environmental reasons so I feel that it is more than appropriate to incorporate that way of thinking into my shopping habits as well!

What it does

Eco-IQ is an AI-powered site that evaluates the sustainability of business models by analyzing their environmental impact across key areas (environmental impact, business operations, & supply chain).

How I built it

I built this project using React (combining languages like Javascript, Python & CSS) and I deployed it using Render (backend) and Netlify (frontend).

I also integrated OpenAI by obtaining and implementing an API key.

Challenges I ran into

I have some experience designing UI, but I receptively caught myself getting stuck during the most frustrating bugs in my .css files, some that might still be a bit noticeable in my live site. Also, I have never done any kind of integrate with GPT before, so there was a steep learning curve when I was figuring out how to parse the response text and incorporate it into my UI.

Accomplishments that I'm proud of

I'm ecstatic at the fact that I was able to deploy this thing. Usually, I struggle with that and I am proud of myself for being able to combine my frontend with my backend. I also absolutely love the aesthetic of my site, I think the colors are beautiful together and I definitely want to create a larger site soon.

What I learned

I learned that I should not sit down for this many hours ever again.

I also learned how to parse a GPT response with Json, how to access my backend via my frontend (using flask_cors), how to animate with css, and also how to handle url inputs!

What's next for Eco-IQ

I hope to turn this project into a chrome extension soon. That way, users don’t have to manually input a company’s url, the extension will simply automate it!

Although the GPT-4o model does an excellent job at providing summaries, I would love to build an application that scrapes the web for info about a company’s practices myself, that way, the application offers something more novel that an AI-generated description.

Built With

• css
• javascript
• netlify
• openai
• python
• react
• render
• unix