Travelpath Manager

McDonald's Operations Management System

A comprehensive mobile and web application designed specifically for McDonald's operations, helping shift managers complete designated travel path inspections across all store areas with QR code verification and automated reporting.

2024
6 months
Student Developer

Technologies Used

Vue.jsReact NativeExpoNode.jsPostgreSQLBun
Travelpath Manager

Project Gallery

Travelpath Manager screenshot 1
Travelpath Manager screenshot 2
Travelpath Manager screenshot 3
Travelpath Manager screenshot 4
Travelpath Manager preview

The Challenge

Understanding the challenges that needed to be addressed

McDonald's shift managers are required to complete travel path inspections every 30 minutes across six critical areas (Dining Area, Toilets & Crew Room, Back Operations, Backroom, Kitchen, Front Counter/Drive-Thru/BDAP), but consistently forget these quality control tasks.

Without proper verification, stores cannot ensure McDonald's quality standards and HACCP compliance are maintained, risking food safety and customer experience issues.

Store management lacks visibility into inspection completion, recurring operational issues, and individual shift manager performance, making it difficult to maintain consistent McDonald's standards across different shifts.

Missed Inspections70%

Travel paths forgotten without reminders

HACCP ComplianceAt Risk

No verification of physical inspections

Store ConsistencyVariable

Standards differ between shifts and managers

The Solution

How I approached and solved these challenges

1

Built a McDonald's-specific dual-platform solution with a React Native mobile app for shift managers and a Vue.js web dashboard for store management.

2

Implemented QR code verification for all six McDonald's operational areas with intelligent 30-minute push notifications to ensure travel paths are completed on schedule.

3

Created a comprehensive admin panel specifically designed for McDonald's operations, featuring performance analytics, HACCP compliance tracking, and actionable insights to maintain consistent quality standards across all shifts.

🏪

McDonald's Area Coverage

Digital checklists for Dining, Toilets, Kitchen, Drive-Thru, Backroom, and Front Counter

📱

QR Code Verification

Physical verification at each location ensures inspections are actually completed

🛡️

HACCP Compliance

Automated compliance tracking and documentation for food safety standards

📊

Performance Analytics

Track shift manager performance and identify operational improvement areas

+85%
Travel Path Compliance

Increase in completed 30-minute inspections

100%
HACCP Documentation

Complete digital audit trail for compliance

+40%
Operational Consistency

Improved standard adherence across shifts

Mobile Application

The React Native mobile app designed specifically for shift managers to complete travel path inspections on-the-go

Mobile app splash screen

Login & Authentication

Secure store-specific access with user credentials

Travel path checklist

Travel Path Checklist

Digital checklists for all McDonald's operational areas

QR code scanner

QR Code Verification

Location-based scanning to verify physical presence

📱

Native Performance

Built with React Native and Expo for smooth, native-like performance

🔔

Push Notifications

Automated reminders every 30 minutes for travel path completion

📶

Offline Support

Continue working even without internet connection

🔒

Secure Data

End-to-end encryption and secure data synchronization

Technical Implementation

Technologies and tools used to bring this project to life

frontend
Vue.js 3
React Native
Expo
TypeScript
Tailwind CSS
backend
Node.js
Express.js
PostgreSQL
Bun Runtime
JWT Authentication
deployment
Mobile App Store
Web Hosting
PostgreSQL Database
Push Notifications
testing
Mobile Testing
QR Code Testing
Franchise Pilot Program
User Acceptance Testing

Interested in Working Together?

I'm always excited to take on new challenges and create amazing digital experiences.