Podverse

A modern React-based podcast application with rich multimedia features and an intuitive user interface.

Features

• 🎧 Podcast Streaming: Seamless audio and video podcast playback
• 📱 Responsive Design: Optimized for all device sizes
• 🎛️ Interactive Controls: Custom audio/video player controls with range sliders
• 🔄 State Management: Redux integration for smooth user experience
• 🎨 Modern UI: Clean and intuitive interface with FontAwesome icons
• 🚀 Fast Performance: Optimized React components and efficient rendering

Tech Stack

• Frontend: React 18.2.0
• State Management: React Redux 8.0.5
• Routing: React Router DOM 6.10.0
• UI Components: Custom components with FontAwesome icons
• Styling: Modern CSS with responsive design
• Media Controls: React Range for interactive sliders

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/shknth/podverse.git
   cd podverse

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open http://localhost:3000 to view it in your browser

Available Scripts

• npm start - Runs the app in development mode
• npm test - Launches the test runner
• npm run build - Builds the app for production
• npm run eject - Ejects from Create React App (irreversible)

Project Structure

podverse/
├── public/          # Static files
├── src/
│   ├── components/  # React components
│   ├── App.js      # Main application component
│   ├── index.js    # Application entry point
│   └── video-1.mp4 # Sample media content
├── package.json    # Project dependencies
└── README.md       # Project documentation

Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

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