Live Deployment2023

Ticket Snatcher

Movie Ticket Booking Platform

Full-Stack Developer Cinema booking / consumer web

Narrow the catalogue to one screening, pick specific seats on a live map, and confirm the reservation.

A MERN movie-booking app. Theatre and showtime filters narrow the catalogue to a single screening, an interactive seat map carries reservation state per seat, and an Express API over MongoDB persists the booking. Deployed on Vercel.

The Problem

A quantity field hides the one thing a buyer actually cares about: which seats are still free. Booking is only useful when the map shows what is already taken.

System Architecture

Architecture design

Illustrative paths, not live telemetry.

Filters narrow the catalogue to one screening; the seat map posts through an Express API that holds seat state in MongoDB.

Architecture overview. No node selected.

Full network reference

  • User

    Browser

    Kind: client

    Incoming (0)

    None in this diagram

    Outgoing (1)

  • React Client

    Seat map

    Kind: client

    Incoming (3)

    Outgoing (1)

  • Filters

    Theatre + showtime

    Kind: client

    Incoming (0)

    None in this diagram

    Outgoing (1)

  • Express API

    REST

    Kind: api

    Incoming (1)

    Outgoing (2)

  • Booking

    Seat state

    Kind: service

    Incoming (1)

    Outgoing (1)

  • MongoDB

    Shows + seats

    Kind: data

    Incoming (2)

    Outgoing (0)

    None in this diagram

  • Vercel

    Hosting

    Kind: cloud

    Incoming (0)

    None in this diagram

    Outgoing (1)

What I Engineered

  • Built an interactive seat map where every seat carries its own reservation state, so a taken seat reads as unavailable before checkout.
  • Added theatre and showtime filtering so the catalogue narrows to one screening before seat selection begins.
  • Backed the booking flow with an Express API over MongoDB and shipped the client on Vercel.

Impact & Scale

  • Seat-level selection instead of a quantity-only checkout
  • Theatre and showtime filters narrow the catalogue before booking
  • Publicly deployed and reachable on Vercel
BookingSeat-level
DataMongoDB
HostingVercel

Stack

ReactNode.jsExpressMongoDBVercel
Live demo Source code

Portfolio context

This project in the Atlas

    Open to AI Software Development & Platform Engineering roles

    Need someone who ships systems like this into production?

    Get in touch Résumé All projects