QuickOrder - WhatsApp Store and Admin Dashboard

Turn your product catalog into a WhatsApp ordering storefront.

QuickOrder is a self-hosted, single-store web application built with Next.js, React, TypeScript and Supabase. Customers browse products, add items to their cart, enter checkout details and continue to WhatsApp with a prefilled order message.

The admin dashboard lets you manage products, categories, orders and storefront settings. Customize your store branding, currency and contact details, and upload product and store images through Supabase Storage.

The package includes editable source code, Supabase SQL migrations, example environment configuration, and documentation for installation, administrator setup, deployment, WhatsApp configuration and image storage.

Technical installation is required. Hosting, a domain, third-party accounts, installation services and custom development are not included.

WhatsApp messages use prefilled links. The customer or administrator reviews the message and presses Send in WhatsApp. Automatic WhatsApp messaging and online payment processing are not included.

The live demo uses sample data to demonstrate the interface. It is not a connected production store.

Features

• Responsive storefront for mobile and desktop • Product catalog and category browsing • Shopping cart and checkout • International phone input with country selection • Configurable allowed checkout countries • Prefilled WhatsApp order messages • Admin dashboard for products and categories • Order management and status updates • Customizable store branding, currency and contact details • Product and store image uploads through Supabase Storage • Server-side order price calculation • Duplicate-submission protection • Editable source code and setup documentation

Requirements

• Node.js and npm compatible with the included Next.js version • A Supabase project for database, authentication and storage • Hosting compatible with Next.js, such as Vercel • A WhatsApp number to receive order messages • Basic knowledge of environment variables, SQL migrations and application deployment

Buyers must configure their own database, administrator account, storage and hosting.

Instructions

1. Extract the downloaded ZIP. 2. Open documentation/INSTALLATION.md inside the QuickOrder-v1.0 folder. 3. Install the project dependencies. 4. Create your Supabase project and apply the included SQL migrations. 5. Configure environment variables using the example configuration. 6. Follow the administrator setup and image storage guides. 7. Configure store details, currency, checkout countries and WhatsApp number. 8. Run locally or follow the deployment guide. 9. Add your products and categories.