# NOBLE PAWS – CleanWalk™ Luxury Pet Care Platform
Demo Link- http://nobelpaws.kiaantechnology.online/
NOBLE PAWS is a premium pet-care web platform combining a direct-to-consumer storefront with an enterprise backoffice dashboard. Designed around a sophisticated luxury aesthetic, it provides interfaces for product discovery, shopping, customer account management, order processing, inventory monitoring, and business analytics.

Built with React 19, Vite 8, and Tailwind CSS 4, this application offers a modern foundation for luxury pet-care brands and e-commerce businesses.

## Key Features

### Luxury E-Commerce Storefront
– **Interactive Product Configurator:** Explore product color options, sizing selectors, and product technology highlights.
– **Shopping Cart:** Manage cart items and view dynamically calculated subtotals.
– **Coupon Support:** Apply coupons through the checkout workflow.
– **Checkout Validation:** Validate checkout information through the shopping flow.
– **Customer VIP Portal:** Access customer authentication, order history, address management, and membership status.
– **Premium Visual Design:** Deep dark tones, gold accents, and interactive UI elements.

### Enterprise Admin Dashboard
– **Executive Analytics:** View sales metrics, order volume, customer counts, and low-stock indicators.
– **Order Management:** Track orders across Website, Shopify, and Amazon channels through the dashboard interface.
– **Product & Inventory Management:** Manage product catalog information, pricing, stock levels, and inventory thresholds.
– **Customer CRM:** Explore customer records, spending analytics, and VIP membership tiers.
– **Role-Based Access Control:** Includes simulated permissions for Super Admin, Social Media Manager, Order Manager, and Inventory Manager.
– **Security Controls:** Includes a 2FA toggle and activity audit-log interface.

## Technology Stack
– React 19
– Vite 8
– Tailwind CSS 4
– React Router DOM 7
– Lucide React
– Oxlint

## Demo Credentials

### Customer Portal
Route: `/account/login`

Email: `[email protected]`
Password: `demo123`

### Admin Control Center
Route: `/admin/login`

– **Super Admin:** [email protected]
– **Social Media Manager:** [email protected]
– **Order Manager:** [email protected]
– **Inventory Manager:** [email protected]

Password for all listed admin demo accounts: `demo123`.

The login screens also provide demo login options for convenient evaluation.

## Installation

**Prerequisites:** Node.js 18 or higher and npm 9 or higher.

1. Extract the project and open its directory.
2. Install dependencies:
`npm install`
3. Copy `.env.example` to `.env`.
4. Start the development server:
`npm run dev`
5. Open the local URL displayed in your terminal.

To build the production bundle, run:
`npm run build`

To check the codebase, run:
`npm run lint`

## Data & Integration

The application uses an integrated in-memory state engine with LocalStorage persistence. It can run in demonstration mode without requiring a remote backend.

A custom REST or GraphQL backend can be configured through `VITE_API_BASE_URL`, subject to the required integration work.

**Important:** Live payment processing, real Shopify or Amazon synchronization, and production-grade authentication integrations are not confirmed as included. The documented role permissions and 2FA controls should be treated as simulated features unless independently connected to appropriate backend services.

## Ideal Use Cases
– Luxury pet-care e-commerce storefronts
– Premium pet-product brands
– E-commerce admin dashboard templates
– Customer and order management interfaces
– White-label pet-care web applications

More from Kiaan_technology

NexaWMS – Warehouse & Inventory Management Dashboard

by Kiaan_technology in UI Kits

InsightPulse – Workforce Management & Productivity Analytics Dashboard

by Kiaan_technology in UI Kits

EliteStay – Property Management & Hospitality SaaS Dashboard

by Kiaan_technology in UI Kits