https://github.com/saketr3/greenlife1

A web app that uses the ChatGPT API to create a personalized climate guide to help users decrease their carbon emissions
https://github.com/saketr3/greenlife1

chatgpt chatgpt-api chatgpt-application reactjs

Last synced: about 7 hours ago
JSON representation

A web app that uses the ChatGPT API to create a personalized climate guide to help users decrease their carbon emissions

• Host: GitHub
• URL: https://github.com/saketr3/greenlife1
• Owner: SaketR3
• Created: 2024-01-27T18:21:08.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-16T16:13:36.000Z (3 months ago)
• Last Synced: 2024-08-16T17:47:20.560Z (3 months ago)
• Topics: chatgpt, chatgpt-api, chatgpt-application, reactjs
• Language: JavaScript
• Homepage: https://green-life.app/
• Size: 241 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Greenlife


Link


Check out the web app here! [https://green-life.app/](https://green-life.app/) 




Concept

While there's lots of advice online about how people can decrease their carbon emissions, too much of it isn't relevant to a person's specific situation. People who bike to work don't need to drive less. And not everyone can afford to buy solar panels. It's too difficult to find advice that works for you.







That's where this project comes in. I built a web app that uses the ChatGPT API to create a personalized climate guide for users. Users simply need fill out a few questions, and the web app will show them a series of relevant steps with actionable items they can take to decrease their carbon footprint right now. 







Generative AI technologies like ChatGPT have been touted as helping "boost productivity" and "enhance creativity," but I've always thought that LLMs could have better applications. With this project, I aimed to use generative AI to help solve a social problem (here, climate change) and I am happy to have used LLMs in this more unique manner. 







Tech Stack



    
React

    
React Router

    
React-PDF (to generate a PDF with a user's personalized climate guide that they can optionally download)

    
Vanilla CSS






More Details



Guide Creation Page:

Here, users can enter information about their lifestyle.








![Form with questions asking about a user's lifestyle](https://github.com/user-attachments/assets/776d0ada-8e7d-4e4e-a940-7a7b70451a65)

![Continued form with questions asking about a user's lifestyle](https://github.com/user-attachments/assets/70c48328-c842-40c3-b2f5-94f49c0af96c)




Guide Generation:
 

Once the guide is generated, it is displayed in a neat accordion drop-down menu. 








![Box with personalized advice on how user can decrease their carbon emissions](https://github.com/user-attachments/assets/ca1d078d-f1db-42f1-a334-d470a5d394c5)




PDF Generation:
 

Users can optionally download their personalized climate guide as a PDF.  








![PDF with user's personalized climate guide](https://github.com/user-attachments/assets/c02f1c2a-5f38-47d8-876f-d39ac2d59d03)