Tankage — Oil Tank & Depot Hardware Supplier

Tankage is an e-commerce and procurement web application for industrial oil depot, petrol pump, and tank farm hardware equipment based in Machikey, Sheikhupura, Punjab, Pakistan.

Features

• Product Catalogue: Browse copper earthing rods, dip measuring rods, level gauges, Kolor Kut pastes, valves, transfer pipes, fuel meters, and PPE.
• Bilingual Interface: Seamlessly switch between English and Urdu (with Nastaliq typography and RTL support).
• Fast 3-Step Checkout: Order online with Cash on Delivery (COD), Direct Bank Transfer, or advance quotation.
• Direct WhatsApp Ordering: Automatic generation of structured WhatsApp order messages.
• Admin Dashboard: Real-time staff portal (/admin) for viewing, managing, and tracking orders with alert sounds.
• Full-Stack Performance: Built with TanStack Start, React 19, Tailwind CSS v4, and Supabase.

Getting Started

Prerequisites

• Node.js (v20+ recommended)
• npm or bun

Setup & Run

1. Clone the repository:

   git clone <repository-url>
   cd Tankage.xyz

2. Install dependencies:

   npm install

3. Set up environment variables in .env:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_PUBLISHABLE_KEY=your_supabase_anon_key
   SUPABASE_URL=your_supabase_url
   SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key

4. Run the development server:

   npm run dev

5. Build for production:

   npm run build