top of page

Movie Watchlist

Admin Movie Management Web

A theatre-themed movie management web application built with Node.js and Express. The site includes an admin login gate and full CRUD functionality, allowing authorized users to manage a “Now Showing” catalogue with titles, directors, release years, descriptions and poster images.

image.png

Overview

This project focuses on building a simple but complete CRUD web application with an admin-only workflow. After logging in, admins can add new movies, view the full list, edit existing entries and delete items from the catalogue, all within a clean “movie theatre” styled interface.

image.png

Styling

A dark, theatre-inspired visual style was applied across all pages to match the movie concept. Bootstrap was used for consistent layout structure and responsive components, while custom styling choices help reinforce the “Now Showing” experience.

Authentication

The application includes a dedicated login page that restricts access to admin users. Only authenticated admins can access the management pages, ensuring movie catalogue actions (add/edit/delete) are protected behind a login flow.

image.png

Tools used:

  • Node.js

  • Express.js

  • HTML

  • Bootstrap

  • JavaScript

image_edited.png
image_edited.png

Functionality & UI Flow

The app supports full CRUD operations through clear user flows: adding movies via a form, displaying the movie catalogue in a card grid, editing entries through pre-filled forms and deleting items directly from the listing. Each movie entry includes key details and a poster image to keep the interface visually informative.

Outcome

This project demonstrates my ability to build a complete CRUD web application with protected admin access and a cohesive visual theme. It highlights core backend routing, form handling, dynamic page generation and structured UI flow. This results in a functional movie catalogue manager that is easy to use and maintain.

© 2025 by Naufal Hilman

bottom of page