Nocturna

Luxury Theatre Booking Mobile Application

React Native • Node.js • MySQL • JWT Authentication

---

About The Project

Nocturna is a modern luxury theatre booking application developed for the CN6035 – Mobile & Distributed Systems coursework.

The application allows users to:

• Browse theatre performances
• Select seats in real time
• Create secure accounts
• Manage reservations
• Cancel bookings
• View booking history

The system combines a React Native frontend, a Node.js REST API backend and a MySQL relational database.

---

Application Preview

Login & Register

---

Home Screen

---

Seat Reservation System

---

My Bookings

---

Features

• JWT Authentication
• Theatre Reservation System
• Real-Time Seat Availability
• Mobile First UI
• Booking Management
• Reservation Cancellation
• REST API Integration
• MySQL Database Connectivity

---

Tech Stack

Frontend

• React Native
• Expo Router
• TypeScript

Backend

• Node.js
• Express.js
• JWT Authentication
• bcryptjs

Database

• MySQL

Testing

• Postman

---

API Endpoints

Authentication

POST /api/auth/register
POST /api/auth/login

Shows

GET /api/shows
GET /api/shows/:id/seats

Bookings

POST /api/bookings
GET /api/bookings/my
DELETE /api/bookings/:id

---

Installation

Backend

cd backend
npm install
npm run dev

Frontend

cd frontend
npm install
npx expo start

---

API Testing

The REST API was tested using Postman.

✔ Register User
✔ Login User
✔ Get Shows
✔ Get Seats
✔ Create Reservation
✔ View Bookings
✔ Cancel Reservation

---

Design

The application follows a cinematic theatre-inspired visual design with:

• Velvet red UI
• Gold accent colors
• Dark luxury atmosphere
• Modern card-based layouts

---

Author

Sofia Maragaki
Metropolitan College