GreenSteps

• 

Features

Daily eco-action logging

AI-powered personalized tips for reducing environmental impact

Community challenges and leaderboards

Gamified streaks, points, and badges

Carbon footprint visualization and stats

Mobile-friendly dashboard

How We Built It

Frontend: React + Vite + Tailwind CSS + shadcn-ui

Backend: Node.js + Express + mock APIs for eco-actions and leaderboard

AI Features: Personalized eco-tips and habit suggestions

Data: Public sustainability datasets for carbon footprint calculations

Challenges

Accurately calculating impact from user actions

Designing an engaging UI for both data visualization and gamification

Creating AI suggestions that are practical and actionable

Accomplishments

Built a functional MVP within hackathon constraints

Implemented AI-powered personalization for eco-tips

Created a community leaderboard and streak system

Designed a responsive, mobile-first interface

What We Learned

How gamification can drive positive environmental behavior

How to visualize complex sustainability metrics simply

How to integrate AI suggestions in a meaningful way

What’s Next for GreenSteps

Integrate real-time local environmental data

Add social sharing for eco-actions

Expand gamification with more challenges and achievements

Introduce multilingual support to reach a global audience.

Built With

• api.ai
• node.js
• react
• shadcn-ui
• tailwind
• typescript
• vite