Overview
Craiveco is an enterprise-grade full-stack technology platform built by Visric, tailored exclusively for modern restaurant operations. It features four unified applications engineered meticulously to fulfill unique user responsibilities — bridging a sleek Customer PWA, a comprehensive Restaurant Dashboard, a modern Onboarding Portal, and a native Staff Mobile App.
Platform Scale
All applications communicate with a shared master backend at
connect.craiveco.com via REST APIs and Socket.io for instantaneous real-time
updates. Authentication is token-based with HTTP-only credential cookies
across the ecosystem.
Platform Architecture
The Craiveco ecosystem is built entirely on four core applications running in sync:
Customer App (PWA)
A mobile-first Progressive Web App for dining customers to browse menus, place orders, manage bar tabs, split bills, and pay directly from their phone. Built with React 18 and Vite 6.
Restaurant Dashboard
A full-featured SPA management dashboard for restaurant owners and managers to control menus, track live orders, manage staff, configure settings, and view analytics. Built with React 18 and Vite 5.
Restaurant Onboarding
A multi-step wizard for new restaurants to register on the Craiveco platform with a clean, modern UI. Built with the latest React 19 and Vite 7.
Staff App (Mobile)
A cross-platform mobile application for restaurant staff to efficiently manage shifts, complete tasks, track active orders, and view tips on the go. Built natively with React Native 0.76 and Expo 52.
Key Features by Application
Customer Experience
- Menu Browsing — Section-based menus, item details with modifiers, dietary filters, search, favorites.
- Ordering & Bar Tabs — Drag-and-drop cart management, live order tracking, and shared group tabs with quick reordering.
- Bill Splitting — Equal or itemized splitting, Stripe card payments, wallet/balance payments, tip management, and vouchers.
- Authentication — Sign up, guest login, PIN verification, and Firebase Google Auth.
Restaurant Operations
- Menu Management — Multiple menus with schedules, section sorting via drag-and-drop, modifier groups, and AI-assisted item translations.
- Live Orders — Real-time tracking, completed orders archive, and active order additions.
- Staff & Tasks — Directory, shift scheduling, leave requests, task tracking, and department assignments.
- QR & Analytics — QR generator, table grouping, reviews tracking, Chart.js visualizations, and tip analytics.
Onboarding Flow
A lightweight, multi-step React 19 wizard capturing essential data efficiently:
- Personal Information — Identity and contact inputs.
- Restaurant Elements — Venue URL, physical address, and geolocation.
- Service Type — Cuisine definition and operational models.
- Final Confirmation — Review sheet and submission.
Staff Mobile Tools
- Orders & Tables — Browse active assignments, update order processing statuses, and view completion history.
- Task Management — Departmental checklists and daily duties.
- Earnings & Tips — Payment history traces and tip allocations.
- Shift Coordination — Notifications, leave requests, shift swap coordination, and announcements.
Technology Stack
Customer PWA
React 18, Vite 6, Tailwind 3, Redux Toolkit, Stripe React, Firebase Auth, and GSAP Animations.
Restaurant Dashboard
React 18, Vite 5, Tailwind 3, Redux Persist, Chart.js, dnd-kit, and Socket.io integrations.
Onboarding Wizard
Modern React 19, Vite 7, TypeScript, Tailwind 4 (CVA), Radix UI Primitives, and Motion v12.
Staff Mobile App
React Native 0.76, Expo 52, Expo Router, NativeWind, Expo Secure Store Context, and Reanimated v3.
Real-Time Synchronization
WebSocket Architecture
The platform uses Socket.io WebSocket connections across the ecosystem to ensure all apps stay synchronized in real-time — eliminating manual refreshes and reducing order processing time significantly.
Communication Flow
- Order Placement — A customer places an order through the PWA.
- Instant Broadcast — The order is processed via REST and broadcasted silently via Socket.io.
- Kitchen & Staff Alert — Both the Restaurant Dashboard and the native Staff App receive live notifications avoiding unneeded polling.
- Status Reflection — Kitchen staff mark completion and the status hits the customer's phone accurately.
Project Structure
Frequently Asked Questions
Supercharge Your Restaurant Operations Today
Revolutionize your dine-in experience — try out the live Customer App, explore the full-featured Restaurant Dashboard, or walk through the interactive Onboarding Flow.
