## NikzFlix Changelog - October 21, 2025
###

New Features
*
Curated Collections:
* Added predefined lists of movies/shows (e.g., "Halloween Horrors", "Mind-Bending Sci-Fi") defined in
config.js.
* These collections are now fetched and displayed as special rows on the HomePage.
*
"Because You Watched..." Recommendations:
* Added a new recommendations row on the HomePage based on the user's last watched item.
* Uses the TMDB recommendations API and the user's watch history.
###

Improvements
*
Smart TV / Keyboard Navigation:
* Implemented full keyboard and D-Pad remote navigation for posters, buttons, and modal elements.
* Added clear visual focus styles (borders, scaling) using CSS
:focus states for better visibility.
* Implemented automatic font size scaling for large TV screens (1080p, 4K) using CSS media queries.
*
Video Banner:
* Replaced the static image banner on the HomePage with an auto-playing YouTube trailer background using
ReactPlayer.
* Includes a fallback to the static backdrop image if a trailer isn't found.
* Improved logic to find trailers (searches for "Trailer", "Teaser", or any YouTube video).
*
Genre Highlighting on Hover:
* Posters now display up to 3 associated genres at the bottom when hovered over.
*
Smoother Row Scrolling:
* Updated the row scrolling mechanism to use
scrollBy({ behavior: 'smooth' }) for a much smoother animation when clicking the arrow buttons.
* Updated scroll arrow icons to use FontAwesome chevrons.
*
UI Polish & Consistency:
* Standardized the appearance (background, hover effect) of secondary buttons (like "Add to List", Season/Episode selectors, "Clear Data" buttons) using CSS variables for a consistent look.
###

Bug Fixes
*
Drama Page Source:
* Resolved CORS errors by removing reliance on blocked external APIs (
api.consumet.org,
api.xyrastream.live).
* Updated
DramaPage.jsx to use the reliable TMDB API endpoint for "Popular Asian Dramas".
* Adjusted
DramaDetailPage.jsx to fetch details from TMDB; removed non-functional episode list/player logic (playback now handled via Modal).
- Modal Play Functionality: Fixed issue where playing Movies from the modal did not correctly update the "Continue Watching" list.
- React Key Warnings: Fixed duplicate
key prop warnings in skeleton loaders for rows.
- Component Prop Errors: Fixed
ReferenceError related to passing onOpenModal prop incorrectly in App.jsx.
- Minor Syntax Errors: Corrected minor syntax issues (e.g., missing closing tag) in JSX.