GreenSteps – AI-Powered Daily Sustainability Coach

Inspiration

Climate change is a massive issue, but it often feels too overwhelming for individuals to make a difference. We noticed that while many people want to live more sustainably, they often don’t know where to begin, or they feel that their small actions won't matter.

That’s why we created GreenSteps — a web app that makes sustainability simple, personal, and consistent. We wanted to use the power of AI to suggest one small eco-friendly action each day, personalized to the user’s lifestyle.

How We Built It

We built GreenSteps as a web-based app using HTML, CSS, and JavaScript. Here's how we structured it:

Designed a clean, mobile-friendly UI with sections for users to learn about the project and interact with daily challenges
Created a form where users can enter their name and select their lifestyle habits (e.g., diet, transportation)
Used JavaScript + localStorage to store user data like green points and show a new daily challenge
Developed a fake AI chatbot experience that simulates a sustainability Q&A interaction for added engagement
Added UI enhancements like smooth animations, icons, and a streak tracker for user motivation

Features

Personalized daily green action generator
Green points tracking with localStorage
Simulated AI chatbot for sustainability Q&A
Streak tracking and visual progress bar
Fully responsive design for desktop and mobile

Challenges We Faced

As a beginner, integrating even simple AI-like interactivity was a challenge.
Deciding whether to use a full backend or stick with localStorage took some careful scoping based on time.
UI design required some iteration to balance minimalism with visual appeal.
We had to simplify our initial vision to make sure we could build something that worked within the hackathon deadline.

What We Learned

How to go from idea to prototype in a structured way.
How to use JavaScript and localStorage to add real functionality to a simple web app.
How to leverage AI creatively in the product concept (even if not all backend integrations were real).
The importance of scope management and delivering a working MVP rather than an overly complex idea.

What's Next

We’re excited to keep building on GreenSteps! Next steps include:

Adding real AI integration using GPT APIs for daily action generation and chatbot responses
Creating user accounts for long-term tracking and community features
Sending daily email reminders with actions and motivation
Partnering with local NGOs or institutions to validate and expand our action database

GreenSteps is just the beginning — a small idea with the potential to spark big change. 💚