Radio Player App in React | React Tutorial
Tutorial on how to build your own radio player app in React. We are going to use an API to get radio station data based on language and music genre and display it in our app. We are going to pack everything into a responsive design and make the radio stations searchable by using custom music type tags.
See the full project in action on CodeSandBox: https://codesandbox.io/s/radio-in-rea...
Find code from this video in my Github repo: https://github.com/alekspopovic/radio
Find text version of this tutorial on my website: https://aleksandarpopovic.com/Radio-P...
Music in the video is from StreamBeats collection by Harris Heller.
Blog: https://aleksandarpopovic.com/blog/
Github: https://github.com/alekspopovic/
Twitter: / alekswritescode
Instagram: / aleks.popovic
Chapters:
0:00 Intro
1:02 Plugins and initial setup
2:37 Radio component
3:43 Station filters
6:57 Getting radio stations data
10:10 Rendering stations
11:43 Setting up logo image fallback
13:30 Adding audio player
16:19 Setting up CSS
18:38 Fixing filters
21:35 Grid layout
26:51 Styling the audio player
29:59 Adjusting mobile layout
31:40 Possible improvements and outro