🎬 Favorite Movies List

A clean and interactive web application designed to catalog your favorite cinema titles by dynamically assembling a visual gallery from user-provided links.

📋 Summary

• Technologies
• Features
• Project Architecture
• What I Learned
• Future Improvements

---

🛠 Technologies

• HTML5: Semi-structural arrangement of user inputs and container modules.
• CSS3: Layout handling, typography formatting, custom red buttons, and print optimization.
• JavaScript (ES6+): Functional logic for capturing values, DOM rendering, and script commands.

✨ Features

• Dynamic Cataloging: Allows users to append movie poster images directly onto the screen by inputting image URLs.
• Hardcopy Saving: Includes a built-in function to open the system print interface directly from the browser window to export or save the catalog layout.
• Form Auto-Reset: Flushes the input bar immediately after submission for a smooth data entry cycle.

📂 Project Architecture

The architecture is structured across three primary web components:

• index.html: Holds the canvas frame, user entry elements, and wrapper divisions.
• style.css: Establishes the layout variables, hover animations, and text color configurations.
• script.js: Handles the collection matrix, appends element tags dynamically, and commands print setups.
• theatre.jpg: The background theater image.

📚 What I Learned

• DOM String Injection: Appending raw string formats onto active containers using innerHTML updates.
• Global Print Adjustments: Working with property triggers like -webkit-print-color-adjust: exact to force background graphic rendering in print previews.

🔮 Future Improvements

• Duplicate protection to block identical image links.
• Individual item deletion markers above specific posters.
• Local storage sync to prevent catalog losses on browser updates.