Implement Dynamic Content Loading Using JSON

[DIP72]

Closes: #9

Description:

This PR refactors the frontend to load and render movie/series content dynamically from JSON files instead of relying on hardcoded HTML. The change improves scalability, maintainability, and future extensibility while preserving the existing UI and layout.

What’s Changed:

1. Created structured JSON files to store movies and series data
2. Implemented data fetching using the Fetch API
3. Dynamically rendered movie cards across all carousel sections
4. Replaced hardcoded HTML items with reusable placeholders

Files Modified / Added:

1. movies.json – Movie and series data sources
2. index.html – Removed hardcoded cards, added container placeholders
3. script.js – Fetch logic, JSON parsing, and dynamic rendering

Implementation Details:

• Used fetch() with async/await for cleaner logic
• Maintained existing DOM structure and CSS classes
• Optimized rendering to avoid unnecessary DOM reflows
• Included fallback handling if JSON fails to load

Checklist:

• Issue Implement Dynamic Content Loading Using JSON #9 fully resolved
• All movie data loaded dynamically from JSON
• No hardcoded movie cards remain
• UI and layout remain unchanged
• Error handling implemented
• Tested locally across all sections
• Code follows project standards

[netlify]

✅ Deploy Preview for magnamite ready!

Name	Link
🔨 Latest commit	87a74ff
🔍 Latest deploy log	https://app.netlify.com/projects/magnamite/deploys/697c81652caec500087d5984
😎 Deploy Preview	https://deploy-preview-37--magnamite.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.