This is a React-based Podcast Application that allows users to browse through a collection of podcasts, view details about individual shows, listen to episodes, and add their favorite episodes to their favorites list. The application utilizes React Hooks, external APIs for fetching show data, and storing favorite episodes.
- Show List: Users can browse through a list of podcasts available in the application.
- Search and Sort: Users can search for shows by title and sort them based on title, genre, or date.
- Show Details: Users can click on a show to view details such as description, genres, and release date.
- Episodes: Users can view episodes within a season and listen to them.
- Add to Favorites: Users can add episodes to their favorites list.
- View Favorites: Users can view their favorite episodes.
- React: The frontend of the application is built using React library for efficient UI rendering and state management.
- React Hooks: Hooks like useState and useEffect are used for managing component state and side effects.
- APIs: External APIs are used for fetching podcast data, including shows and episodes.
- CSS: Custom CSS is used for styling the application.
To run the application locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory in your terminal.
- Install dependencies by running
npm install. - Start the development server by running
npm start. - Open your browser and navigate to
http://localhost:3000to view the application.
- Upon launching the application, users are presented with a list of podcasts.
- Users can search for specific shows using the search bar and sort them based on different criteria.
- Clicking on a show displays its details, including description and episodes.
- Users can listen to episodes and add their favorite episodes to their favorites list.
- Users can view their favorite episodes by clicking on the "Show Favorites" button.