This project is a full-stack automotive service booking system for "Tyres R Us Cessnock." Its purpose is to modernize operations, enhance customer engagement, and streamline internal workflows. Key capabilities include online booking, real-time availability, responsive design, online quote requests, integration with external suppliers for pricing, and efficient management of customer and vehicle data. The ambition is to increase efficiency and customer satisfaction.

The application employs a modern full-stack architecture emphasizing modularity, scalability, and performance.

Technology: React-based SPA with TypeScript, Vite.

UI/UX: Radix UI components with Tailwind CSS (shadcn/ui inspired), dark mode support, consistent branding, and responsive mobile-first design.

State Management: React Query for server state, React hooks for local state.

Routing: Wouter.

Form Handling: React Hook Form with Zod validation.

Key Features: Interactive calendar, customer portal with real-time updates, dynamic quote forms, mobile floating action menu, comprehensive daily task management, direct tyre order integration, multi-service customer booking with service filtering.

Technology: Node.js/Express REST API.

Database Layer: PostgreSQL with Drizzle ORM, using Neon serverless for connection pooling.

Data Access: Repository pattern.

Session Management: PostgreSQL for persistent customer portal sessions (7-day validity).

Core Logic: Real-time availability checking, anti-double booking, staff-specific scheduling, differentiated booking advance notice, and smart scheduling conflict prediction.

Timezone: Configured for Sydney, Australia.

Authentication: Secure admin login with role-based access, separate customer portal authentication.

Real-time Sync: WebSocket-based for instant data synchronization across Quote Management, Parts Orders, Calendar, Customer Portal, and Dashboard. Customer portal now has full real-time updates matching the admin system.