This Angular application enables users to simultaneously search multiple streaming services for movies and shows using a single keyword. By integrating with streaming service APIs, users can input their owned streaming services and explore content across those platforms seamlessly.
We also employ an AWS backend to filter API results and maintain user data.
- Multi-Service Search: Search for movies and shows across various streaming platforms simultaneously.
- Service Filtering: Select specific streaming services to include in your search.
- Country Selection: Choose your country to tailor search results based on regional availability.
- Pagination: Navigate through search results with options to load more or go back to previous results.
To set up the project locally and start exploring the functionalities:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Run
npm installto install dependencies. - Run
ng serveto start the development server. - Open your browser and navigate to
http://localhost:4200/to view the app.
- Select Streaming Services: Choose the streaming services you have subscriptions to by toggling the checkboxes in the Service Selection section.
- Choose Country: Select your country from the dropdown list to ensure accurate regional availability.
- Enter Search Query: Input your desired keyword in the search bar.
- View Results: Browse through the search results displayed in the Results section.
- Navigate Pages: If available, use the pagination buttons to load more results or go back to previous ones.
- Responsible for fetching genres and countries data.
- Handles the logic for populating dropdowns and managing selected options.
- Displays search results fetched from the streaming service APIs.
- Updates dynamically based on changes in input properties (movies and shows).
- Performs search operations based on user input.
- Implements pagination for fetching additional results.
- Provides checkboxes for selecting streaming services.
- Updates selected service IDs based on user interactions.
This application connects to streaming service APIs to retrieve data about available movies and shows. The endpoints used for fetching genres, countries, and search results are integrated into the application logic.
- The current version includes mock data for genres and countries to facilitate development and testing. Actual API calls are commented out in favor of using mock data.
- To fully utilize the app, consider integrating real API endpoints by uncommenting the relevant code sections and providing valid API keys.
This project is licensed under the [License Name] License - see the LICENSE.md file for details.
✨ Demo
npm installnpm run startnpm run test👤 Benjamin Maizes, Benjamin Goldfried, Ian Stebbins
Give a ⭐️ if this project helped you! Thanks.