Photo contest

Contestant: register, submit photos, view own entries. Public or judges: browse gallery, vote or score. Admin: moderate submissions, manage categories, announce winners, export reports.

Media upload, gallery layout, voting rules (one vote per user, judge panel, time windows), and moderation queue are the technical core — web-first or mobile when contestants shoot on phone.

Campaign open → user registers → submit entry → admin review (approve or reject) → publish to gallery → voting window → close voting → winners and notifications. Tayona was my full-stack build through this loop — database, PHP, web, and mobile.

Each stage maps to admin actions and user-visible states. I document voting rules and moderation steps in the process flow so backend and front ends do not invent different meanings for pending or published.

I don't jump straight to screens. Every build starts with a process flow — who does what, in what order, and what status the system shows at each step. That flow becomes the shared map for you, me, backend devs, and QA.

Typical sequence: discovery call → role and feature matrix → process flow sign-off → API contract draft → mobile build per role → integration passes → store or web release → handoff notes. AI speeds drafting at each step; sign-off stays human.

You get visibility at each gate — not a black box and a surprise at launch.

Production mobile for these products is Framework7 plus Cordova — one JavaScript codebase for iOS and Android, native plugins where the product needs camera, GPS, push, or file upload.

I usually split by role: consumer app, merchant or provider app, rider or courier app, and sometimes a lightweight admin mobile surface. Same API layer pattern in each — auth token, role guard, API module, status-driven screens that match the process flow we agreed on.

Framework7 handles routing, lists, forms, modals, and pull-to-refresh patterns that feel native enough for delivery and booking products. Cordova wraps it for the stores. I map each process-flow step to a screen or state so backend devs and QA know exactly what mobile expects at each status.

Before store submission I run device passes on real phones — cold start, background resume, location permissions, and offline or slow-network behavior on the paths that matter for your product.

I'm not siloed on mobile while backend guesses endpoints. I lead with the process flow and a written API contract — roles, status enums, request and response shapes, and error codes the apps already handle.

What I hand backend devs: a status diagram (order/trip/booking/shipment states), JSON samples per endpoint, which role calls which route, and what happens on 401 or invalid transitions. PHP and MySQL on the server side; PDO with prepared statements; thin handlers that match the contract mobile already built against.

During build I review backend PRs for contract drift — field renames, missing statuses, auth gaps — before mobile QA wastes a week. When the contract must change, we version it and update mobile in the same sprint. That coordination is how multi-role platforms stay in sync in production.

On solo or lead full-stack work I own mobile, API shape, and often the PHP layer behind it. AI engineering means Cursor rules in the repo — Framework7 patterns, Cordova plugin usage, API client conventions, security bans — plus skills for recurring tasks like new screens or endpoints.

AI drafts Framework7 pages, API boilerplate, and PHP handlers from the signed-off process flow. I review every diff for security, contract alignment, and store rules before merge. Fellow devs get the same rules and contract doc so AI output stays consistent across the team.

Fast drafts, careful release — whether the product is a delivery app, booking platform, or member portal. See AI engineer services or the blog posts on React Native rules and PHP backends for the same discipline on other stacks.