The Products screen lists everything your bakery sells. Each product card shows its emoji, name, price, category, current availability status, and live stock count. You can adjust stock directly from the list without opening the edit form, and you can toggle a product’s availability in one tap. The screen reloads automatically whenever you return to it after creating or editing a product.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/AndrewwCO/Pana-Baker/llms.txt
Use this file to discover all available pages before exploring further.
Product card at a glance
| Field | Description |
|---|---|
| Emoji | Visual icon displayed to customers |
| Name | Product name, truncated to one line |
| Price | Price in COP |
| Availability status | Color-coded badge (see table below) |
| Category | Tag showing the product’s category |
| Stock | Current unit count with − / + stepper |
Availability statuses
| Status | Label | Meaning |
|---|---|---|
READY_NOW | Listo ahora | Available and in stock right now |
READY_IN_20 | ~20 minutos | Available in about 20 minutes |
READY_IN_60 | ~1 hora | Available in about an hour |
ADVANCE_ORDER_ONLY | Solo anticipado | Must be ordered in advance |
OUT_OF_STOCK | Sin stock | No units available |
available is true and red when false. Reducing stock to zero automatically marks the product unavailable.
Adjusting stock inline
You do not need to open the edit form to change stock. Every product card has a stepper control in the bottom row:- Tap − to subtract one unit (floor is 0)
- Tap + to add one unit
PATCH /products/{id}/stock. If the stock drops to zero the availability indicator switches to “Sin stock” automatically; if you add stock to a previously out-of-stock product it reverts to “Disponible”.
Creating a product
Tap the + button in the top-right corner of the Products screen to open the product form.Add a photo
Tap the dashed image picker at the top to choose a photo from your device library. The image is cropped to a 1:1 square at 80% quality. The photo is uploaded to Firebase Storage after the product is saved — if the upload fails the product is still created and you see a warning toast.
Pick an emoji
Scroll the emoji row and tap one of the 15 bakery emojis (🍞 🥖 🥐 🥨 🧁 🎂 🍰 🍩 🍪 🥧 🧆 🫓 🥯 🍮 🧇) to represent the product in the app.
Fill in the details
Enter the product name (required), an optional description, the price in COP (required, must be a valid number), and the initial stock count.
Choose a category
Tap one of the horizontal category chips: bread, pastelería, galletas, bebidas, or otro.
Set availability
Select one of the five availability radio options. If you choose Solo con anticipación, an extra field appears so you can enter the required advance time in minutes.
Image upload requires Firebase Storage to be configured. See the Firebase setup guide for instructions.
Editing a product
Tap the pencil icon on any product card to open the same form pre-filled with the current values. All fields are editable, including stock. Tap Guardar cambios to save. The list refreshes when you return to the Products screen.Deleting a product
Tap the red trash icon on a product card. A confirmation dialog appears with the message “Esta acción no se puede deshacer.” Tap Eliminar to confirm; tap outside the modal or the cancel button to abort. The product is removed from the list immediately after a successful delete.Loading demo products
If your product list is empty, the empty state screen shows a “Cargar productos de prueba” button. Tapping it callsPOST /products/seed, which populates your bakery with a set of sample products so you can explore the app without creating each item manually.
Orders
See how products appear in incoming orders
Promotions
Apply discounts and happy hours to your products