C4C OffRamp is a modern web platform designed to help non-vegetarian and flexitarian users transition toward plant-based eating through practical food substitutions, not restriction. Instead of generic vegan recipes, OffRamp acts as a behavioral “off-ramp” by mapping familiar non-vegetarian dishes to culturally appropriate plant-based alternatives that preserve taste, texture, and cooking style.
The platform is built to be white-label and partner-ready, enabling NGOs, universities, sustainability groups, and community organizations to deploy it as part of awareness, outreach, or behavior-change campaigns.
-
Dish-to-Dish Substitution Engine Suggests plant-based alternatives for common non-veg dishes using structured replacement logic (e.g., chicken → soya chunks, jackfruit).
-
Cultural & Regional Context Alternatives are grounded in Indian regional cuisines to ensure familiarity and adoption.
-
Guided Explanations AI-assisted explanations describe why a substitution works, focusing on taste, texture, nutrition, and cooking method.
-
Impact Awareness (Non-Inflated) Displays indicative environmental and animal-impact metrics to reinforce positive behavior without exaggeration.
-
User Accounts & Preferences Authentication via Supabase with user profiles, saved dishes, and dietary constraints.
-
Responsive, Accessible UI Optimized for mobile and desktop to support outreach campaigns and community usage.
-
Partner-Ready Architecture Designed for white-label deployment and NGO-led distribution rather than ad-driven growth.
- Frontend: Next.js 14, React 18, TypeScript
- Styling: Tailwind CSS
- Backend & Auth: Supabase (PostgreSQL, Auth, RLS)
- AI Layer: LLM-assisted explanations with rule-based fallbacks
- Deployment: Vercel
- Tooling: GitHub, ESLint, PostCSS
- Node.js 18+
- Supabase account & project
-
Clone the repository
git clone https://github.com/Anshumanrajpurohit/C4C_OffRamp.git cd C4C_OffRamp/offramp -
Install dependencies
npm install
-
Configure environment variables
Create a
.env.localfile:NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Set up Supabase Follow instructions in
SUPABASE_SETUP.mdto configure tables and Row Level Security policies. -
Run the app
npm run dev
Visit http://localhost:3000
C4C_OffRamp/
├── offramp/
│ ├── app/ # App Router pages & APIs
│ ├── lib/ # Dish catalog, utilities, Supabase client
│ ├── public/ # Static assets
│ ├── SUPABASE_SETUP.md # Database setup
│ └── package.json
└── README.md
-
Behavior Change over Ideology Focus on substitutions, not enforcement or guilt.
-
Trust & Transparency Clear data sources, explainable recommendations, and conservative impact metrics.
-
Partner-Led Distribution Built for NGOs and institutions to deploy, not for ad-driven consumer growth.
The app is optimized for Vercel deployment.
- Connect the GitHub repo to Vercel
- Add environment variables
- Auto-deploy on main branch pushes
Live Demo: https://c4-c-off-ramp.vercel.app
This project is part of Code for Compassion initiatives.
To contribute:
- Fork the repo
- Create a feature branch
- Commit with clear messages
- Open a Pull Request
- Update
lib/dishes.ts - Ensure cultural accuracy and clear substitution logic
- Avoid exaggerated health or impact claims
MIT License. See LICENSE for details.
- Built for Code for Compassion (C4C)
- Inspired by sustainable food systems and behavioral design
- Thanks to organizers, mentors, and contributors
Built to reduce friction, not choices. Technology as an off-ramp, not a lecture.