Search Media App

A React-based web application that allows users to search for various media content, including music, movies, podcasts, audiobooks, and e-books, using the iTunes Search API.

Check out the live demo: Search Media App

Features

1. Search Media Content:

   • Users can search for media by entering a query in the search bar.
   • Supports searching for music, movies, podcasts, audiobooks, and e-books.

2. Type Filter:

   • A dropdown menu allows users to filter search results by content type (e.g., Music, Movies, Podcasts).

3. Pagination:

   • Results are paginated to improve performance and user experience.
   • Navigate between pages using "Previous" and "Next" buttons.

4. Preview:

   • For music tracks and audiobooks, users can play a short preview directly within the application.

5. Responsive Design:

   • Fully responsive for different screen sizes, including desktops, tablets, and mobile devices.

6. Real-Time Feedback:

   • Loading indicators and error messages enhance the user experience.

Installation

1. Clone the repository: bash git clone [email protected]:evgeniya-osmakova/iTuneSearch.git
2. Navigate to the project directory: cd search-media-app
3. Install dependencies: npm install
4. Running the Application: npm start

Technologies Used

• React: Functional components with hooks.
• TypeScript: For type safety and maintainability.
• CSS Modules: Modular and scoped styling.
• Lodash.debounce: To optimize API requests.
• iTunes Search API: Fetching media data.