Green Habit Coach — AI-Powered Habit Analysis and Eco Coaching

Published: (April 19, 2026 at 03:17 PM EDT)
2 min read
Source: Dev.to

Source: Dev.to

What I Built

Green Habit Coach is a web app that helps users reflect on their daily habits and receive practical eco‑friendly suggestions. Users can log in, fill out a short habit form, and get an analysis based on lifestyle inputs such as transportation, meat consumption, air‑conditioning usage, disposable item usage, recycling behavior, and bring‑your‑own habits.

After the analysis, users receive:

  • An eco score
  • A short summary
  • Top issues identified
  • Actionable suggestions
  • A simple 7‑day challenge plan

They can continue the experience by asking follow‑up questions through an AI coach (e.g., “What should I improve first this week?” or “Which habit is easiest to start tomorrow?”). The goal is to make sustainability feel personal, practical, and easy to act on in everyday life.

Demo

  • Video Demo(Add the appropriate URL)
  • Live App(Add the appropriate URL)
  • GitHub Repo(Add the appropriate URL)

Tech Stack

  • Frontend: React + Vite
  • Backend: FastAPI
  • Authentication: Auth0 (login and protected API access)
  • AI Coach: Backboard (conversation flow)
  • Database: SQLite + SQLAlchemy (analysis history)
  • Hosting: Firebase Hosting (frontend)
  • Server: Google Cloud Run (backend)

Deployment & Challenges

One of the biggest parts of the project was getting the full flow to work in production. Significant effort went into:

  • Debugging Auth0 configuration
  • Resolving CORS issues between the frontend and backend
  • Handling Cloud Run deployment quirks
  • Implementing async backend integration for the coach flow

These challenges turned the app from a local demo into a real full‑stack product.

Awards Submission

  • Best Use of Backboard
  • Best Use of Auth0 for Agents

Backboard powers the coach conversation flow, enabling users to continue their journey after the initial habit analysis. Auth0 connects the experience to real authenticated users, protects backend routes, and scopes history data to the correct user.

Learnings

  • Frontend/backend integration
  • Cloud deployment and production debugging
  • Authentication best practices with Auth0
  • Building AI features that feel useful
  • Turning a simple idea into a deployed product with a complete user flow
0 views
Back to Blog

Related posts

Read more »