A Phoenix LiveView app that lets you catalog food products by uploading product images. Google Gemini Vision AI extracts the product name, ingredients (with percentages), categories, and barcode automatically.

Features:

• Upload a product photo → AI reads the label
• Browse products filtered by category
• Click any ingredient to find all products containing it, sortable by amount
• User accounts — only logged-in users can upload products

Prerequisites: Elixir 1.15+, PostgreSQL, a Gemini API key

# 1. Clone and install dependencies
mix setup

# 2. Set your Gemini API key
cp .env.example .env
# edit .env and set GEMINI_API_KEY=your_key_here

# 3. Start the server
source .env && mix phx.server

Visit http://localhost:4000.

# Seed data for e2e ([email protected] / e2eadmin123, verified + unverified products)
mix run priv/repo/seeds.exs

# Start server, then in another terminal:
cd e2e && npx playwright test

• Podman with the podman-compose plugin
• A server with ports 4000 (or 80/443 behind a reverse proxy) open

cp .env.prod.example .env.prod

Edit .env.prod and fill in all values:

podman compose --env-file .env.prod build

podman compose --env-file .env.prod run --rm migrate

podman compose --env-file .env.prod up -d app db

The app is now running at http://<your-host>:4000.

The app runs on port 4000 inside the container. Nginx runs on the host and proxies to it. Cloudflare sits in front of Nginx and handles HTTPS.

# Copy the config to nginx sites-available
sudo cp nginx/angi.pymi.vn.conf /etc/nginx/sites-available/angi.pymi.vn
sudo ln -s /etc/nginx/sites-available/angi.pymi.vn /etc/nginx/sites-enabled/

# Test and reload
sudo nginx -t && sudo systemctl reload nginx

Cloudflare settings:

• DNS: A record angi.pymi.vn → your server IP, Proxied (orange cloud)
• SSL/TLS mode: Full (Cloudflare ↔ origin is plain HTTP, Cloudflare ↔ browser is HTTPS)
• No certificate needed on the server — Cloudflare handles it

PHX_HOST in .env.prod must match the domain:

PHX_HOST=angi.pymi.vn

# View logs
podman compose --env-file .env.prod logs -f app

# Stop everything
podman compose --env-file .env.prod down

# Upgrade: rebuild image, re-run migrations, restart app
podman compose --env-file .env.prod build
podman compose --env-file .env.prod run --rm migrate
podman compose --env-file .env.prod up -d app

# Open a remote shell inside the running container
podman compose --env-file .env.prod exec app bin/angivaonguoi remote

• PostgreSQL data is stored in the pgdata named volume — survives container restarts and rebuilds.
• Uploaded images are stored in the uploads named volume mounted at /app/lib/angivaonguoi-0.1.0/priv/static/uploads.