04 · E-commerce
Maré Pesca
Online store for fishing and outdoor gear, with its own admin panel.
Context
A fishing and outdoor gear store needed an online store that takes payments, ships orders across Brazil, and also keeps track of sales made at the counter, all from one admin.
What I built
The whole thing: the storefront with search, categories, customer accounts, cart and checkout, plus an admin panel for products, categories, customers, orders and over-the-counter sales.
Features
- Product search and categories
- Products with color, size and stock variants
- Customer accounts
- Pix and credit card checkout
- Shipping quotes and labels
- Order emails
- Admin panel
- Over-the-counter sales
Under the hood
Payments with PagSeguro
Checkout takes Pix and credit card through PagSeguro, and a webhook updates each order when the payment is confirmed.
Shipping, start to finish
Shipping is quoted at checkout with Melhor Envio, and the admin can create and print the label for each order. The address fills in from the CEP.
One system for online and in-store
Counter sales are recorded in the same admin as online orders, on a Postgres database modeled with Prisma.
Stack
Next.js · React · TypeScript · Tailwind CSS · Prisma · Supabase · Zustand · Resend