Feature/full netflix implementation#61
Open
ashsingh138 wants to merge 2 commits intoAqsa4066:mainfrom
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
This pull request transforms the project from a static landing page into a complete, single-page application (SPA) that emulates the core user experience of Netflix. It introduces a full user flow, from the initial landing page to profile selection and dynamic content browsing, all powered by the TMDB API.
The application is now built around a JavaScript-driven router that dynamically renders different pages (landing, profiles, browse) without requiring page reloads, providing a smooth and modern user experience.
Key Features and Enhancements Implemented:
Full Single-Page Application (SPA) Architecture:
The entire user experience is managed within a single index.html file.
JavaScript handles rendering all views, including the landing page, profile management screen, and the main content browser.
Complete Profile Management System:
Add & Delete Profiles: Users can now add new profiles with custom names and delete existing ones through the "Manage Profiles" interface.
Persistent Profiles: All user-created profiles are saved to the browser's local storage, ensuring they persist between sessions.
Full Logout Flow: A "Switch Profile" button in the browse view and a "Logout" button on the profile screen provide a complete and intuitive navigation flow back to the landing page.
Dynamic Content Powered by TMDB API:
All movies and TV shows are fetched live from The Movie Database (TMDB).
The application features separate, dynamically generated pages for Home, Movies, and TV Shows, each populated with relevant, scrolling carousels for different categories and genres.
Functional "My List" Feature:
Users can add or remove any movie or TV show to their personal "My List."
The list is saved to local storage.
The "My List" page has been enhanced to display saved content in separate, horizontally scrolling carousels for "My Favourite Movies" and "My Favourite TV Shows."
Interactive Search Page:
A fully functional search page provides live results as the user types.
Before a search is entered, the page displays a "Top Searches" section with currently trending content to enhance discovery.
UI/UX Refinements:
The active section in the sidebar (Home, TV Shows, Search, etc.) is now highlighted with a red bar for clear visual feedback.