Skip to content

audipunkwp/MUNABR611_2404_A_Muneer-Abrahams_DJS11_Portfolio-Piece

 
 

Repository files navigation

🎙⭕-Casst - Podcast App

🌐 API Base URL

🎧 Features:

  • Browse and search through a wide range of podcasts.
  • Play podcast episodes directly in the app.
  • Mark favorites and manage a personal library.
  • Track listening history and resume playback.
  • Sort and filter podcasts by various criteria.
  • Fully responsive design for an optimal experience on all devices.

📦 Dependencies:

Main Dependencies:

  • React
  • React Router DOM
  • @radix-ui/themes
  • @radix-ui/react-icons
  • react-slick
  • slick-carousel

For all dependencies, refer to the package.json file.

🚀 Installation Guide:

Prerequisites:

Ensure you have Node.js and npm installed on your system.

Setup Steps:

  1. Clone the repository:
    git clone https://github.com/Audipunk/MUNABR611_2405_a_Muneer-Abrahams_DJS11
  2. Navigate to the project directory:
    cd O-Casst
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm run dev

🔗 API Endpoints:

  • Base URL: https://podcast-api.netlify.app/
  • Shows List: https://podcast-api.netlify.app/genre/<ID>
  • Show Details: https://podcast-api.netlify.app/id/<ID>

🏗️ Components Overview:

  • Home - Landing page featuring trending podcasts.
  • ShowList - Displays all available podcasts with sorting and filtering options.
  • ShowDetails - Detailed view of a specific podcast.
  • Favorites - Manage your favorite podcasts.
  • CompletedEpisodes - View and manage your listening history.
  • AudioPlayer - Controls for playing podcast episodes.

🎨 Styling:

The app uses custom CSS and Radix UI components for styling. The color scheme and layout can be customized in App.css.

📬 Author Contact Information:

📜 License:

This project is open-source and available under the MIT License.

About

[DJS11] Starter Instructions for the Final Portfolio Piece Submission. Link to project API below ⬇️

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 74.3%
  • CSS 23.4%
  • HTML 2.1%
  • TypeScript 0.2%