Tabassum Wasila

Event Meal App

QR-based meal distribution with session controls and real-time validation

Role

Full-stack Developer

Backend (Laravel), Frontend (Inertia React), database, deployment

Year

2026

Tech Stack

LaravelInertia ReactTailwind CSSMySQL
View Website →

Test credentials: Email: test@example.com / Password: 123.321A

Project Overview

The Event Meal App streamlines meal distribution at events using QR codes. Organizers create meals tied to events, start and end serving windows, and scan attendee codes to validate and record servings.

The admin view lists meals, shows active/inactive status, and provides actions to start/end and delete. The scanner page validates entries in real time and prevents duplicate serves with clear feedback.

Built with Laravel + Inertia React, Tailwind CSS, and MySQL. Designed for mobile use at serving stations with fast scan cycles and simple controls.

Key Features

  • Create meals per event; start/end serving windows
  • QR scanner workflow for fast validation
  • Duplicate prevention and clear success/error feedback
  • Admin list view with status and actions
  • Mobile-friendly UI for on-site operations

Screenshots

Event manager dashboard

Event manager dashboard

Guest QR code example

Guest QR code example

QR scanner page

QR scanner page

Development Notes

Laravel + Inertia React for fast navigation without full page reloads. Tailwind CSS for consistent styling. Server-side checks prevent duplicate serves and ensure meal session status gating (only active meals are scannable).

Challenges

Designing an efficient scanner UX, handling edge cases around session state, and providing clear operator feedback under time pressure.

Interested in a QR-based distribution system for your event? Let’s discuss a tailored solution.