Welcome to Bongo Radio Hub, your home for streaming the best Bongo beats and radio stations from Tanzania! This project was developed as part of a Computer Science curriculum at Arusha Technical College (ATC) to explore web design and development while providing a fun and accessible platform for streaming publicly available radio stations.
Bongo Radio Hub is a free and open-source online radio streaming platform designed for educational purposes. It allows users to listen to various Tanzanian radio stations through a sleek and easy-to-navigate web interface.
This project is part of my learning curve in web design and programming, and I welcome community contributions to enhance its functionality and design.
- Live streaming of Tanzanian radio stations
- Play/pause functionality
- Real-time audio playback
- Current station display with metadata
- Station list with search functionality
- Pin/unpin favorite stations
- Station cards showing:
- Station name
- Bitrate quality
- Language
- Listener count
- Tags/categories
- Station favicon/logo
- Voice search for stations
- Voice commands for playback control
- Real-time speech recognition
- Audio recording capability
- Download recorded audio
- Microphone permission handling
- Recording status indicators
- Responsive design for all screen sizes
- Dark theme with purple accent colors
- Animated components and transitions
- Loading states and skeletons
- Toast notifications for user feedback
- Collapsible now playing bar
- Modern, clean layout
- Home page with station list
- Privacy Policy page
- Terms of Service page
- Contact page
- Navigation bar with logo and links
- React Query for data fetching
- Real-time error handling
- Pagination for station list
- Responsive image handling
- External links to social media
- Browser audio API integration
- Lazy loading of stations
- Optimized image loading
- Efficient state management
- Smooth animations and transitions
- ARIA labels
- Keyboard navigation
- Screen reader support
- Focus management
- Detailed Terms of Service
- Comprehensive Privacy Policy
- Attribution to radio stations
- Educational project context
To run this project locally, you need:
- A modern web browser (Google Chrome, Firefox, or Safari).
- Node.js installed on your system.
- Clone the repository:
git clone https://github.com/airiermonster/Bongo-Radio-Hub.git
- Navigate to the project directory:
cd Bongo-Radio-Hub - Install dependencies:
npm install
- Start the development server:
npm run dev
- To build the project for production:
npm run build
- Added Parkinsans as the default font family throughout the website
- Modernized the search bar design with improved visibility and styling
- Enhanced background colors and contrast
- Added smooth transitions and hover effects
- Updated placeholder text to "Search for radios here"
- Improved focus states
- Fixed background styling for Privacy Policy, Terms of Service, and Contact pages
- Implemented consistent dark theme across all pages
- Added proper content structure and layout to legal pages
- Enhanced Footer component with:
- Social media links
- Contact information
- Animated elements
- Proper spacing and layout
- Improved NowPlaying component with:
- Better visibility
- Close button functionality
- Smooth animations
- Added various animations throughout the site:
- Fade-in effects
- Float animations for icons
- Wave animations for decorative elements
- Pulse effects for interactive elements
- Ensured proper responsive layout across all screen sizes
- Improved mobile navigation and accessibility
- Updated Tailwind configuration with new:
- Colors
- Animations
- Font families
- Custom utilities
This project is licensed under the Apache 2.0 License. See the LICENSE file for more information.
- Name: Maximilian Urio
- X Profile: airiermonster
- Email: [email protected]
Thank you for exploring Bongo Radio Hub! Your contributions and feedback make this project even better. Happy streaming!