Floralé is a full-stack web application for a handcrafted gift shop. It combines a warm, animated storefront — where customers browse products, manage a cart, and place orders via WhatsApp — with a protected admin panel that lets shop owners create and manage products and categories through Supabase.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/dlampatricio/florale/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Understand the architecture, project structure, and core concepts behind Floralé.
Quickstart
Clone the repo, configure your environment variables, and run Floralé locally in minutes.
Storefront
Learn how the product catalog, product detail pages, and cart-to-WhatsApp checkout work.
Admin Panel
Manage products and categories through the Supabase-authenticated admin dashboard.
Configuration
Set up your Supabase project, environment variables, and database schema.
Reference
Explore data-fetching functions, the Zustand cart store, types, and utility helpers.
How Floralé Works
Customer browses the catalog
Products are fetched from Supabase and displayed in an animated grid, grouped by category. Customers can filter by category and navigate to individual product pages.
Customer adds items to cart
A persistent Zustand store (backed by
localStorage) tracks cart items, quantities, and per-item notes. A slide-in drawer gives instant access to the cart from any page.Customer places an order via WhatsApp
On the cart page, the customer fills in sender name, recipient name, delivery date, and delivery method. Floralé generates a formatted WhatsApp message and opens
wa.me in a new tab to complete the order.Floralé does not process payments. Orders are coordinated manually over WhatsApp after the customer submits their cart. A 50% deposit is requested to confirm each order.