Reasi AI

Reasi AI is a product and waitlist experience for an AI grocery-planning agent. The product concept turns household preferences into weekly meals, consolidated shopping lists, budget-aware swaps, and a checkout plan that remains under human control.

Live demo

Product preview

Meal planning	Shopping list	Shopping mode

Current scope

This repository contains the public product and waitlist experience used to communicate the concept and validate demand. It is not yet the grocery-agent backend.

Implemented features include:

• Responsive React product site with animated sections and app-preview screens
• Supabase-backed waitlist form with duplicate-email handling
• Supermarket and suburb context captured with waitlist submissions
• Vercel Analytics integration and Vercel deployment configuration
• Mobile-first flow covering plan, swap, list, shop, and cook

Architecture

flowchart LR
    Visitor["Visitor"] --> UI["React 19 + Vite UI"]
    UI --> Form["Waitlist form"]
    Form --> Client["Supabase client"]
    Client --> Database[("Supabase")]
    UI --> Analytics["Vercel Analytics"]
    Vercel["Vercel"] --> UI

Loading

The browser uses the public Supabase client configuration supplied through Vite environment variables. Database policies remain the security boundary for waitlist writes.

Tech stack

• React 19 and Vite 7
• Supabase
• Framer Motion and Lucide React
• Vercel Analytics
• CSS

Run locally

git clone https://github.com/tuilachit/reasi_ai.git
cd reasi_ai/waitlist
npm install
cp .env.example .env.local
npm run dev

Set the following values in .env.local:

VITE_SUPABASE_URL=your-supabase-url
VITE_SUPABASE_ANON_KEY=your-supabase-anon-key

The visual site still renders without these values, but waitlist submissions will not persist.

Quality checks

cd waitlist
npm run lint
npm run typecheck
npm test
npm run build

GitHub Actions runs the same checks for pull requests and pushes to main. The tests cover the waitlist's input normalization, validation, and displayed signup-count formatting.

Repository layout

.
├── vercel.json
└── waitlist/
    ├── public/
    │   ├── logos/
    │   └── reasi-app/
    ├── src/
    │   ├── lib/
    │   │   ├── supabaseClient.js
    │   │   └── waitlist.js
    │   ├── App.jsx
    │   ├── App.css
    │   ├── index.css
    │   └── main.jsx
    ├── .env.example
    ├── package.json
    └── vite.config.js

Next engineering steps

• Add an integration test for duplicate-email and Supabase failure responses
• Document the future grocery-agent backend and its human-approval boundary
• Add an accessible end-to-end waitlist test against a disposable Supabase project