# SwiftParcel – Multi-Tenant Delivery & Logistics Operating System
Demo Link- http://swiftparcel.kiaantechnology.online/
SwiftParcel is a modern, responsive logistics and delivery management frontend designed for courier companies, dispatch teams, fleet operators, and business customers. Built with React 19, Vite 8, Tailwind CSS 4, and Framer Motion, it brings multiple delivery workflows together in a structured, role-based interface.

## Key Features

### 1. Five Role-Based Portals
– **Super Admin:** Manage courier business tenants, subscription plans, platform users, branding, and system settings.
– **Tenant Admin:** Manage orders, vehicles, drivers, delivery zones, fees, and fleet operations.
– **Dispatcher:** Review delivery queues, assign drivers, plan routes, monitor exceptions, and balance workloads.
– **Driver:** Access assigned jobs, pickup and drop-off details, delivery tasks, shift status, wallet, and profile.
– **Client:** Create shipments, view order history, track delivery milestones, access proof-of-delivery records, and review billing information.

### 2. Tenant & Subscription Management
– Onboard and manage courier businesses.
– Configure tenant workspaces and custom domains.
– Manage subscription tiers and pricing settings.
– Configure driver limits and feature access.
– Manage platform-level users and global settings.

### 3. Shipment & Order Management
– View and filter delivery orders.
– Import orders using CSV.
– Apply date filters and presets.
– Generate PDF invoices.
– Monitor order status and shipment progress.

### 4. Fleet & Driver Management
– Track vehicle inventory, fuel or battery health, and cargo capacity.
– Maintain odometer records and maintenance schedules.
– Manage driver availability and license information.
– Organize vehicle and driver operations.

### 5. Dispatcher Operations
– Review pending shipment queues.
– Assign shipments to drivers.
– Organize multi-stop route sequences.
– View waypoint and map interfaces.
– Monitor delivery exceptions and SLA indicators.
– Review driver workload and proximity information.

### 6. Driver Portal
– Mobile-responsive driver interface.
– Daily delivery and earnings summaries.
– Assigned pickup and drop-off tasks.
– Navigation action cards.
– Delivery status controls.
– Driver profile and emergency contact settings.

### 7. Client Shipment Portal
– Create shipments with service-tier selection.
– Enter package weight and pickup/drop-off addresses.
– Search shipment history and filter by status.
– View shipment milestones through a tracking interface.
– Review proof-of-delivery evidence.
– Access wallet and billing interfaces.

### 8. Billing & Document Export
– PDF invoice generation.
– Client billing and wallet interfaces.
– Driver earnings and transaction history.
– Subscription configuration and billing-related views.

### 9. Modern Technical Architecture
– React 19 and Vite 8.
– Tailwind CSS 4.
– React Router 7.
– Framer Motion animations.
– Lucide React icons.
– jsPDF and jsPDF-AutoTable for document export.
– Protected routes and role-aware navigation.
– Centralized API client with bearer-token support.
– Configurable REST API endpoint.
– Local simulation fallback for frontend demonstrations.

## Technology Stack
React 19, Vite 8, Tailwind CSS 4, React Router 7, Framer Motion, Lucide React, jsPDF, and jsPDF-AutoTable.

## Demo Credentials

All demo accounts use the password `password123`.

– **Super Admin:** [email protected]
– **Tenant Admin:** [email protected]
– **Dispatcher:** [email protected]
– **Driver:** [email protected]
– **Client:** [email protected]

Use the role-selection buttons on the login screen to prefill the relevant credentials.

## API Integration
SwiftParcel includes a centralized API client that supports JWT bearer-token injection and fallback simulation when the configured API is unavailable. Set `VITE_API_URL` to connect to a compatible backend.

Live courier telemetry, mapping services, and production authentication require the appropriate backend services and external configurations.

## Installation
1. Install Node.js 18 or later and npm 9 or later.
2. Install dependencies using `npm install`.
3. Copy `.env.example` to `.env`.
4. Run `npm run dev` to start the development server.
5. Run `npm run build` to generate the production bundle.
6. Run `npm run preview` to preview the build locally.

## Deployment
The production bundle is generated in the `dist/` directory. It can be deployed to compatible static hosting services, including Vercel, Netlify, Cloudflare Pages, or a configured web server. Configure SPA rewrites to support client-side routes.

## Ideal For
– Courier and parcel delivery companies.
– Logistics management dashboards.
– Multi-tenant delivery SaaS projects.
– Fleet and dispatch management systems.
– Driver delivery applications.
– Business shipment tracking portals.
– Logistics software prototypes.

SwiftParcel provides a flexible frontend foundation for developers and businesses building customized delivery and logistics management platforms.

More from Kiaan_technology

Rent A Reliable Car – Car Rental & Fleet Management React Template

by Kiaan_technology in UI Kits

PharmVantage – Pharmacy Procurement & Supplier Management React Dashboard

by Kiaan_technology in UI Kits

People’s Perspective – Community Writing & AI Data Dashboard React Template

by Kiaan_technology in UI Kits