Popcorn Magic

💻 Project

Welcome to Popcorn Magic - the best choice for browsing movies!

Popcorn Magic is a mobile responsive app that uses the TMDb API to fetch and display movie data. You can browse through popular movies using pagination, and go to pages for cinema seat selection plus payment services.

Please visit (in a new tab): https://popcorn-magic.vercel.app/

(Note: Please turn off Ad/Cookie blockers to enable data fetching)

🚀 Technologies

• JavaScript
• HTML
• CSS
• TMDb API
• Vercel

💫 Features

• UI/UX: Clean User interface and easy to use.

• Responsive: Accessible via PC (including extra-wide screens), tablet, and mobile phone.

• Pagination and Search: Easily browse through and search within the movie library database (based upon Popularity).

• Local Storage: Utilize browser local storage to recall your seat selection.

• API: Fetch movie data using the TMDb API.

---

Demo

Please visit (in a new tab): https://popcorn-magic.vercel.app/

---

🌎 Getting Started

Installation

Clone the repository:

https://github.com/dan-chui/popcorn-magic.git

Then use the Windows Terminal: cd popcorn-magic

Install dependencies:

npm install

Usage

To develop and make changes:

npm run dev

To deploy it yourself:

npm run build