Frap Salud Pro Web

MVP de catálogo web responsive para Frap Salud Pro SpA, orientado a cotizaciones por WhatsApp y captación de clientes con Supabase.

Requisitos

• Node.js
• npm
• Proyecto Supabase

Instalación

npm install

Desarrollo

npm run dev

Build de producción

npm run build

Configuración de Supabase

1. Crea un proyecto en Supabase.
2. Ejecuta el SQL de supabase/schema.sql en el SQL Editor de Supabase.
3. Copia la Project URL y la anon key pública del proyecto.
4. Crea un archivo .env.local en la raíz del proyecto.
5. Agrega las variables:

VITE_SUPABASE_URL=tu_url_de_supabase
VITE_SUPABASE_ANON_KEY=tu_anon_key_de_supabase

6. Ejecuta:

npm install
npm run dev

No uses ni expongas la service_role key en el frontend.

Estructura principal

• src/data/categories.js: categorías del catálogo.
• src/data/products.js: productos del catálogo.
• src/utils/whatsapp.js: número editable y generación de mensajes/enlaces de WhatsApp.
• src/lib/supabaseClient.js: cliente Supabase con variables de entorno Vite.
• src/services/leadsService.js: inserción de leads, consultas de producto y productos no encontrados.
• supabase/schema.sql: tablas y policies RLS para captación de clientes.
• src/components: componentes reutilizables de la web-app.

Los precios, stock y despacho se confirman al momento de cotizar.