🎅 KringleCore Enterprise

KringleCore Enterprise (v2.0) is a high-performance, aesthetically driven operations management dashboard designed for the holiday season. It features a "Zero-Click" UX, temporal state management, and smooth glassmorphism design.

🚀 Features

• Temporal UI State: Dynamically adjusts the interface based on the date:
  • Normal View: Standard workshop operations dashboard.
  • Christmas Eve (Dec 24): Real-time Route Optimization and delivery tracking.
  • Post-Season (Dec 30): Comprehensive analytics and performance review.
• Micro-Animations: Fluid transitions using GSAP and Framer Motion for a premium feel.
• Interactive Splash Screen: High-impact arrival experience with Lottie animations.
• Glassmorphism Design: Modern UI with frosted glass effects and neon accents.
• Performance Optimized: Built with TanStack Virtual for handling large datasets (e.g., gift lists) efficiently.

🛠️ Tech Stack

• Framework: React 19
• Build Tool: Vite 5
• Styling: Tailwind CSS 4
• Animations: Framer Motion 12, GSAP, Lottie
• Data Handling: TanStack Table, TanStack Virtual
• Icons: Lucide React

📦 Setup & Installation

1. Clone the repository:

   git clone <repository-url>
   cd kringleCore-enterprise

2. Install dependencies:

   npm install

3. Run development server:

   npm run dev

   Open http://localhost:5173 (or the port shown in your terminal) to view the application.

📸 Screenshots

Note

Below are the visual highlights of the KringleCore Enterprise dashboard.

Main Dashboard

Route Optimization (Dec 24)

Post-Season Analytics (Dec 30)

Add New Gift Flow