All projects

AGRORA

Pre-orders for farms: customers pick, the order lands on WhatsApp.

PWALive

The problem

A farm that sells by pre-order has a problem on two fronts. The farmer collects orders by hand, across messages and notes, and redoes the totals every time. The customer never knows what is really for sale: to find out, they have to stop by the farm.

There is no simple place to see what is available right now, and at what price.

The solution

AGRORA gives every farm its own online store. The farmer publishes products with photos, prices and availability dates.

Customers pick from their phone with no sign-up: a name is enough. On confirm, WhatsApp opens with the message already written: products, quantities, total and order number. Then they collect the order at the farm on the agreed day.

Customers have nothing to install and no account to create. The farmer gets complete orders, with total and number.

My role

  • I designed and built the whole app: the customer store and the farmer's admin panel.
  • I designed the database and its security rules: each farm sees and edits only its own data.
  • I wrote the server side that creates orders: it recalculates prices and totals and checks that products are available, so customers cannot change prices.
  • I turned the site into a PWA, a website you install on your phone like an app.
  • I handled the design: logo, colours and a phone-first interface.
  • I worked with AI, using skills and workflows I built myself.

Stack and timeline

The app is built with Next.js and React, in TypeScript. Data, login and product photos live on Supabase, so there is no server to run.

The work went in two phases. First the store, the cart with WhatsApp sending and product management. Then saved and numbered orders, the orders panel, store settings and installing it as an app.

Result

AGRORA is complete and works end to end: the customer orders, the order is saved with a number, WhatsApp opens with the message ready, and the farmer marks it as fulfilled from the admin panel. It installs on the phone like an app.

The screens

The store as customers see it and the farmer's admin panel, using data from a sample farm. Scroll to see them all, tap an image to enlarge it.

  • AGRORA's store on the customer's phone: seasonal catalog, choice of unit and order on WhatsApp
  • Four screens of the store on the customer's phone: catalog, product page, cart and order summary
  • AGRORA's farmer panel on computer and phone: product catalog and orders in one place
  • Three screens of the farmer's panel on a phone: product list, new product and order management

Stack

  • Next.js
  • React
  • TypeScript
  • Supabase
  • Tailwind CSS
  • shadcn/ui
  • Zod
  • React Hook Form
  • Serwist

Need something similar?

Get in touch