React Cast - Streaming AudioReact Cast - Streaming Audio
A React-Native streaming-audio app that provides knowledge in the shape of Podcasts.React Cast - Streaming Audio
A React-Native streaming-audio app that provides knowledge in the shape of Podcasts.Overview
Some Observations about this App
1 - There's no functionality of Login/Register, the buttons and the forms in the Login Screen are only for UI matters.
2 - The only option that works at Settings screen it's toggle the Dark/Light theme, all the others are just for UI matters too.
Functionalities
- Choose your interests (all, technology, philosophy, science, business, pop-culture or history - it will be used to make requests in order to have a personalized app with what the user want to hear about)
- Get informations about a specific Author, with his New Releases/Featured Podcats and Related Authors
- Get Informations about a specific Podcast, with its description and Author
- Listen and download a single podcasts to listen offline (no need to create a playlist)
- Playlists
- Create, Edit and Remove your Playlists
- Download Playlists to listen when the user goes offline
- Undownload Playlists
- Player to listen the selected podcasts and also be able to:
- Shuffle Playlist
- Repeat Playist
- Repeat a single Podcast
- Download the current podcast
- Add the current Podcast to a Playlist
- Access the queue of next podcasts that will be played
- Remove podcasts from the queue
- Play/Pause the current Podcast
- Next/Previous podcast on the Playlist
- Bottom Player
- Access the bottom player out of the Player screen in order to keep tracking the current podcast
- Get the Author and the Title of the current podcast
- Play/Pause/Forward the current podcast
- Track the timer of the current podcast
- Discover
- A Dashboard with:
- Trending Authors
- Hottest Podcasts
- New Podcasts Released
- A Dashboard with:
- Search
- Search for Authors by name
- Get information about a certain category, showing it's featured and trending podcats, and the authors that talk about this category
- Library
- Create Playlists, add podcasts and download it to listen offline
- Access Your Podcasts (Downloaded + Podcasts saved on your Playlists) in the form of playlist
- Access your Podcasts downloaded in the form of playlist
- Access recently played podcasts in the form of playlist
- Change your interests
- Settings
- Choose between the Dark and Light theme
Getting Started
Installing dependencies
$ yarn
or
$ npm install
Connecting the App with the Server
1 - Follow the instructions on the react-cast-server to have the server up and running on your machine.
2 - With the server up and running, go to the '/.env.development' file and edit the SERVER_URL value for the IP of your machine (you can have some issues with localhost if you're running on an android physical device, but you can use localhost safely on iOS).
It should looks like this:
SERVER_URL=http://**_IP_OF_YOUR_MACHINE_**:3001/mind-cast/api/v1
or
SERVER_URL=http://localhost:3001/mind-cast/api/v1
Running
With all dependencies installed and the environment properly configured, you can now run the app:
Android
$ react-native run-android
iOS
$ react-native run-ios
Built With
- React-Native - Build the native app using JavaScript and React
- React-Navigation - Router
- Redux - React State Manager
- Redux-Saga - Side-Effect middleware for Redux
- Axios - HTTP Client
- ESlint - Linter
- React-Native-Dotenv - Configs from .env file
- Flow - Static Type Checker
- Prettier - Code Formatter
- Babel - JavaScript Compiler
- Reactotron - Inspector
- Styled-Components - Styles
- React-Native-Fast-Image - Image Loader
- React-Native-Linear-Gradient - Gradient Styles
- React-Native-SplashScreen - Splashscreen of the App
- React-Native-Vector-Icons - Icons
- React-Native-Side-Menu - Side Menu used on Player screen
- React-Native-Swipeout - Swipe for edit/remove playlists and remove podcasts inside some playlist
- React-Native-Video - Consume the audio files via streaming
- React-Native-FSÂ - Handle download/undownload podcasts on file-system
Support tools
- Image-Resize - Resize the Images
- Amazon S3Â - Storage Service
Other items by this author
React App Reskin Service
Have your App reskinned to meet your needs.
|
$499 | Buy now |
Category | App Templates / React |
First release | 4 November 2020 |
Last update | 4 November 2020 |
Operating Systems | iOS 10.0, Android 7.0, Android 8.0, iOS 11.0, Android 9.0, iOS 12.0, Android 10.0, iOS 8.0, iOS 9.0, Android 4.0, Android 5.0, Android 6.0 |
Files included | Javascript .js |
Tags | mp3, audio, stream, react native, podcast |