Demo: https://reebooking.vercel.app/signin Reebooking – Service Appointment Booking scheduling system Full Stack Application Summary Reebooking is a complete, modern booking management system designed specifically for spa and salon businesses. Built with cutting-edge technologies including Next.js 16, React 19, TypeScript, and PostgreSQL, this full-stack solution provides everything you need to manage appointments, customers, services, and payments in one beautiful, professional platform. Whether you’re running a nail salon, spa, beauty parlor, or any appointment-based service business, Reebooking streamlines your operations with an intuitive booking system, comprehensive admin dashboard, real-time availability tracking, payment processing, and much more. This is a production-ready system that can be deployed immediately. It includes role-based access control, secure authentication, payment integration, email notifications, WhatsApp messaging, and a fully responsive design that works perfectly on all devices. Key Highlights Modern Tech Stack: Next.js 16, React 19, TypeScript, Tailwind CSS Full-Stack Solution: Complete frontend and backend in one application Production Ready: Fully tested and ready to deploy Mobile Responsive: Works perfectly on phones, tablets, and desktops SEO Optimized: Built-in SEO features for better search rankings Dark Mode Support: Beautiful dark and light themes Well Documented: Comprehensive documentation for beginners and developers Regular Updates: Continuously improved with new features Features Customer Features Easy Booking System: Intuitive calendar-based booking interface. Customers can select services, choose dates from a visual calendar, and pick available time slots with just a few clicks. Shopping Cart: Add multiple services to cart before checkout. Edit service details, date, time, or photos for any cart item. Remove items easily with a single click. Service Selection: Beautiful service cards with icons, pricing, ratings, and descriptions. Filter and search services easily. Real-Time Availability: See available time slots and booking counts in real-time. System automatically prevents double bookings. Photo Upload: Upload inspiration photos for nail art designs or other services. Photos are securely stored and attached to bookings. Multiple Payment Methods: Support for both cash payments (pay at salon) and Stripe online payments (credit/debit cards). Secure payment processing with automatic booking confirmation. Service Ratings & Reviews: Rate completed services 1-5 stars and write detailed reviews. View all approved reviews for any service. Admin approval system ensures quality control. Booking Calendar View: Visual calendar showing all bookings with 6 time slots per day (8:30 AM, 10:00 AM, 11:30 AM, 1:30 PM, 3:00 PM, 4:30 PM). Filter by today, tomorrow, or all bookings. Color-coded by status. Favorites System: Save favorite services for quick rebooking. One-click booking from favorites list. Quick Rebook: Instantly rebook your most frequently used services with a single click. Service is pre-selected and ready for date/time selection. Customer Dashboard: View upcoming appointments, past bookings, booking statistics, loyalty points, referral code, and personalized AI recommendations. Discount Codes: Apply promotional codes at checkout to save money. Automatic discount calculation. Referral Program: Share your unique referral code and earn points when friends sign up and complete their first payment. Automatic referral tracking. Loyalty Rewards: Earn points with every booking. Unlock tiered rewards (Bronze, Silver, Gold, Platinum) based on spending and bookings. AI Recommendations: Get personalized service suggestions based on your booking history and preferences. WhatsApp Notifications: Receive booking confirmations, reminders, and updates via WhatsApp automatically. Email Notifications: Get email confirmations for bookings, password resets, and important updates. Receipt Download: Download booking receipts as PDF files for your records. Booking for Others: Book services for friends or family members. Automatic user account creation for guests with referral code application. Admin Features Comprehensive Dashboard: Overview of all business metrics including total bookings, revenue, completed appointments, and upcoming bookings. Booking Management: View, update, and manage all bookings. Filter by status (Pending, Confirmed, Completed, Cancelled), date, service, or customer. Update booking status with one click. Booking Calendar View: Visual calendar of all bookings across all customers. See daily, weekly, and monthly views. Color-coded by status for easy identification. Ratings Management: Approve, reject, or delete customer reviews. Control which reviews are displayed publicly. Quality assurance system. Service Management: Add, edit, and delete services. Set prices, descriptions, and service details. Manage service availability. User Management: Manage customers, staff, and admins. Assign roles, update user information, and control access levels. Staff Management: Create and manage staff accounts. Assign permissions and view staff performance. Analytics Dashboard: Revenue charts, booking statistics, customer insights, service popularity, and business growth metrics. Export reports. Discount Code Management: Create, edit, and manage promotional codes. Set discount amounts, expiration dates, and usage limits. Email Automation: Send abandoned cart emails, promotional campaigns, and customer communications. Receipt Generation: Automatic PDF receipt generation for all bookings. Customizable receipt templates. Role Management: Assign and manage user roles (Super Admin, Admin, Staff, Client). Granular permission control. Global Search: Powerful search functionality to find bookings, customers, services, or any data quickly. Booking Details View: View complete booking information including customer details, service, date, time, status, payment method, and attached photos. Bulk Operations: Perform bulk actions on multiple bookings at once. Staff Features Booking View: View all bookings assigned to you or all bookings in the system. Booking Calendar: Visual calendar view of all bookings with time slots and status indicators. Status Updates: Update booking status (Pending, Confirmed, In Progress, Completed, Cancelled). Service Overview: View all available services and their details. Customer Information: Access customer booking history and preferences. Technical Features Next.js 16 App Router: Latest Next.js features with server components, route handlers, and optimized performance. TypeScript: Full TypeScript support for type safety and better developer experience. Prisma ORM: Modern database toolkit with type-safe queries and migrations. PostgreSQL Database: Robust relational database with full ACID compliance. NextAuth.js: Secure authentication with multiple providers and session management. Redux Toolkit: State management for cart and application state. Stripe Integration: Complete payment processing with webhook support for automatic booking confirmation. Cloudinary Integration: Secure image upload and management for photos. Twilio Integration: WhatsApp messaging for booking confirmations and notifications. OpenAI Integration: AI-powered recommendations and availability suggestions. Resend Email Service: Transactional emails for bookings and notifications. Responsive Design: Mobile-first design that works on all screen sizes. Dark Mode: Beautiful dark and light themes with system preference detection. SEO Optimized: Built-in meta tags, structured data, and optimized performance. 404 Error Page: Custom error page for missing routes. Loading States: Skeleton loaders and loading indicators throughout the application. Error Handling: Comprehensive error handling with user-friendly messages. Form Validation: Client and server-side validation for all forms. API Routes: RESTful API endpoints for all operations. Database Migrations: Version-controlled database schema changes. Environment Variables: Secure configuration management. Why Buy This Product? 1. Complete Solution This is not just a booking form – it’s a complete business management system. You get everything you need: customer booking interface, admin dashboard, staff management, payment processing, notifications, analytics, and more. No need to purchase multiple plugins or integrate different services. 2. Modern Technology Stack Built with the latest technologies (Next.js 16, React 19, TypeScript) ensuring your application is fast, secure, and future-proof. The codebase is clean, well-organized, and follows best practices, making it easy to customize and extend. 3. Production Ready This system is fully tested and ready to deploy. It includes error handling, loading states, form validation, security measures, and all the features needed for a production environment. You can launch your booking system immediately. 4. Mobile Responsive More than 60% of bookings come from mobile devices. This system is fully responsive and works perfectly on phones, tablets, and desktops. Your customers can book services from any device, anywhere. 5. Comprehensive Documentation Included with the purchase is extensive documentation covering installation, configuration, features, API documentation, component documentation, and troubleshooting. Perfect for beginners and developers alike. 6. Regular Updates This product is actively maintained and regularly updated with new features, bug fixes, and security patches. You’ll receive updates to keep your system current and secure. 7. Easy Customization The codebase is well-structured and documented, making it easy to customize colors, branding, features, and functionality to match your business needs. 8. Secure & Reliable Built with security best practices including secure authentication, encrypted passwords, SQL injection prevention, XSS protection, and secure payment processing. Your customers’ data is safe. 9. Payment Integration Integrated with Stripe for secure online payments. Customers can pay with credit/debit cards, and bookings are automatically confirmed upon successful payment. Also supports cash payments for in-person transactions. 10. Time & Cost Savings Developing a booking system from scratch would take months and cost thousands of dollars. This product gives you a complete, professional system at a fraction of the cost and time. 11. Support Multiple Business Types While designed for spas and salons, this system can be adapted for any appointment-based business: medical clinics, fitness trainers, consultants, tutors, and more. 12. Scalable Architecture The system is built to handle growth. Whether you have 10 bookings per day or 1000, the architecture scales efficiently. Database optimizations and caching ensure fast performance. 13. Third-Party Integrations Pre-integrated with popular services: Stripe (payments), Cloudinary (images), Twilio (WhatsApp), OpenAI (AI features), and Resend (emails). No need to build integrations from scratch. 14. Role-Based Access Control Support for multiple user roles (Super Admin, Admin, Staff, Client) with appropriate permissions. Perfect for businesses with multiple staff members and different access levels. 15. Analytics & Reporting Built-in analytics dashboard showing revenue, bookings, customer insights, and business metrics. Make data-driven decisions to grow your business. What’s Included Complete source code (frontend + backend) Database schema and migrations Comprehensive documentation (DOCUMENTATION.md) README with installation instructions Environment variable examples API documentation Component documentation Setup guides for third-party services Troubleshooting guide 6 months of support and updates Requirements Node.js 18.x or higher PostgreSQL database (local or cloud-hosted) npm or yarn package manager Modern web browser Optional Integrations The following services are optional but enhance functionality: Stripe: For online payment processing Cloudinary: For image upload and management Twilio: For WhatsApp notifications OpenAI: For AI-powered recommendations Resend: For email notifications Note: The system works without these integrations, but some features will be disabled. Installation Installation is straightforward and well-documented: Install Node.js and PostgreSQL Clone or extract the files Install dependencies: npm install Set up environment variables Run database migrations Start the development server: npm run dev Detailed step-by-step instructions are included in the documentation. Browser Support Chrome (latest) Firefox (latest) Safari (latest) Edge (latest) Mobile browsers (iOS Safari, Chrome Mobile) Credits & Technologies Core Technologies Next.js 16: React framework for production – nextjs.org React 19: JavaScript library for building user interfaces – react.dev TypeScript: Typed superset of JavaScript – typescriptlang.org Prisma: Next-generation ORM for Node.js – prisma.io PostgreSQL: Advanced open-source relational database – postgresql.org Tailwind CSS: Utility-first CSS framework – tailwindcss.com Authentication & Security NextAuth.js: Authentication for Next.js – next-auth.js.org bcryptjs: Password hashing library jsonwebtoken: JSON Web Token implementation UI Components & Libraries Radix UI: Unstyled, accessible components – radix-ui.com Lucide React: Beautiful icon library – lucide.dev Sonner: Toast notification library Recharts: Composable charting library – recharts.org React Hook Form: Performant forms library – react-hook-form.com Zod: TypeScript-first schema validation – zod.dev State Management Redux Toolkit: Official Redux toolset – redux-toolkit.js.org Redux Persist: Persist and rehydrate Redux store SWR: Data fetching library – swr.vercel.app Payment Processing Stripe: Online payment processing – stripe.com Image Management Cloudinary: Cloud-based image and video management – cloudinary.com next-cloudinary: Next.js integration for Cloudinary Communication Services Twilio: Cloud communications platform – twilio.com Resend: Email API for developers – resend.com React Email: Build beautiful emails with React AI Integration OpenAI: AI platform for recommendations – openai.com Utilities & Tools date-fns: Modern JavaScript date utility library – date-fns.org class-variance-authority: For component variants clsx: Utility for constructing className strings tailwind-merge: Merge Tailwind CSS classes nanoid: Unique string ID generator cmdk: Command menu component PDF Generation Puppeteer Core: Headless Chrome for PDF generation @sparticuz/chromium: Chromium binary for serverless environments Analytics Vercel Analytics: Web analytics – vercel.com/analytics Fonts Space Grotesk: Google Fonts – fonts.google.com DM Sans: Google Fonts – fonts.google.com Development Tools ESLint: JavaScript linter TypeScript: Type checking PostCSS: CSS processing Support This product includes 6 months of support and updates. For questions, issues, or feature requests, please contact through the CodeCanyon support system. License This is a commercial product. Purchase includes a license for use in a single project. Unauthorized distribution or resale is prohibited. Changelog Version 1.0.0 (Initial Release) Complete booking management system Customer booking interface with cart Admin dashboard with full management capabilities Staff dashboard Service ratings and reviews Booking calendar view Stripe payment integration WhatsApp notifications Email notifications Referral program Loyalty rewards system Discount codes AI recommendations Global search Photo upload Analytics dashboard Responsive design Dark mode support Comprehensive documentation Thank you for your interest in Reebooking! This product represents months of development and testing to provide you with a complete, professional booking system. We hope it helps your business grow and succeed.