Github link : https://github.com/Naknik3/helliday.git

🌌 Helliday: The Cyberpunk Vacation Platform

Welcome to Helliday, a cutting-edge vacation management ecosystem designed with a high-octane, Cyberpunk Dark Mode aesthetic. This platform unifies seamless vacation discovery with advanced AI-driven sentient analysis, providing both travelers and administrators with a premium, friction-less experience.

---

🚀 Key Features

🌴 Vacation Discovery & Management

• Staggered Grid Gallery: A visually stunning, animated display of worldwide destinations.
• Dynamic Filtering: Instantly toggle between All, Favorites (Liked), Active, and Upcoming trips.
• Premium Booking Experience: Features specialized Framer Motion animations, including a "Flying Plane" checkout sequence and a "Locked-in" stamp confirmation.
• Admin Dashboard: Comprehensive CRUD operations for vacations, including specialized image handling via backend Multer integration.

🤖 Sentient AI Ecosystem

• DB Core (AI Database Chat): An immersive, orbital-ring terminal that allows administrators to query the live MySQL database using natural language.
• GPT Destination Review: An integrated AI assistant providing rich-text, HTML-formatted guidance for any destination in the database.
• Cyberpunk UI Core: Reactive, glowing geometry that pulses and analyzes data in real-time.

🛡️ Security & Role-Based Access

• Identity Protection: Full JWT-based authentication flow with stylized Login/Register interfaces.
• RBAC (Role-Based Access Control): Admins have exclusive access to management tools, statistics, and vacation editing, while travelers enjoy an interactive "Like" system and booking flow.

---

🛠️ Technical Architecture

Frontend Tech Stack

• Framework: React 18 + Vite
• State Management: Redux Toolkit for global synchronization of user sessions and vacation state.
• Animations: Framer Motion powering all page transitions, grid staggering, and "Sentient Core" effects.
• UI Components: Shadcn UI + Radix UI for accessible, high-performance elements.
• Styling: Centralized CSS Constants. All Tailwind utilities are extracted into modular style files (src/styles/*.ts) for ultra-clean JSX and maximum maintainability.
• Form Handling: React Hook Form with asynchronous validation and FormData submission.

Backend & Database

• Engine: Node.js + Express.js
• Database: MySQL with relational mapping for Users, Vacations, and Likes.
• File System: Specialized Multer configuration for secure, UUID-based image persistence.
• AI Connectivity: Custom MCP (Model Context Protocol) hooks for real-time GPT-4 and database analysis.

---

🎨 Design Philosophy: "Cyberpunk Glass"

The entire platform is built on a custom-engineered Dark Glassmorphism design system:

• Primary Palette: Obsidian Black (#0a0a0c), Neon Cyan, and Radiant Amber.

• Atmospheric Depth: Hand-crafted radial gradients and glowing orbs that sit behind translucent layout layers.

• One-Liner JSX: All components are refactored for maximum density and readability, keeping functional logic clean from visual noise.

• Env-vars:

Database Configuration

MYSQL_ROOT_PASSWORD MYSQL_DATABASE MYSQL_USER MYSQL_PASSWORD BACKEND_PORT

backend config

BACKEND_HOST_PORT JWT_SECRET OPENAI_API_KEY

Frontend Configuration

FRONTEND_HOST_PORT=3000