Manual & Live Demo Guide

How Ocean Fresh Works

Ocean Fresh is a Grab-style marketplace connecting three sides of the seafood supply chain โ€” suppliers, restaurants and delivery riders โ€” with an admin console tying it all together. This page explains the whole flow and gives you one-click demo access to every role.

๐Ÿš€ Try it right now

Click any role to jump straight into a live account, already loaded with sample data.

๐Ÿ”‘ Demo credentials

Prefer to log in manually, or share credentials with a client instead of a button? Use these on the Sign In page.

RoleUsernamePasswordSample account
๐ŸŸ SupplierGolden Wave Seafood Co.
๐Ÿฝ๏ธ RestaurantBlue Lotus Restaurant
๐Ÿ›ต RiderSomsak Riding
๐Ÿ‘‘ AdminOcean Fresh HQ

๐Ÿ”„ The order flow, step by step

The demo data already includes orders in every one of these stages, so you can see all of them without doing anything.

Step 1 ยท Restaurant

Restaurant browses & orders

Browses fresh seafood from suppliers on the Menu page, adds items to cart, and checks out โ€” can even order from multiple suppliers in one cart.

Order lands with the supplier as Pending. Tracks progress live from My Orders.

Step 2 ยท Supplier

Supplier confirms & prepares

New order appears instantly on the Supplier Dashboard. Confirming moves it to Preparing.

Once packed, the supplier marks it Ready for Pickup โ€” this is what makes it visible to riders.

Step 3 ยท Rider

Rider picks up & delivers

Ready orders show up on the Job Board. Any available rider accepts one, moving it to Picked Up then Delivering.

Rider, restaurant and supplier can message each other in-app about the order the whole way through.

Delivery is confirmed with a photo, marking the order Delivered.

Throughout ยท Admin

Admin oversees everything

The Admin Console shows every user, order and its status across all three roles, plus platform settings like rider commission.

What's already in the demo

No setup needed โ€” every account below already has real-looking sample data.

  • 6 seafood products listed under the demo supplier, across every category
  • 8 sample orders covering every status: pending, confirmed, preparing, ready for pickup, picked up, delivering, delivered and cancelled
  • A sample in-order chat thread between the rider and the restaurant

๐Ÿ“ค Sharing this with clients

Just send your clients the homepage link. They don't need to register โ€” the "Try it right now" buttons on the homepage and the Sign In page log them straight into a role of their choice. If they'd rather see this manual first, send them this page's link instead.