Mobile App - Make Your Own Music Player 📱 APP | React Native | React Native CLI
In this FREE training, I will show you how simple it is to create a full stack, Music Player APP for both IOS , Android using React Native , React Native CLI with Material-UI... 👇
Resources :
Assets used - https://github.com/Vetrivel-VP/react-native-musicplayer/tree/master/assets
React Native Vector Icons - https://github.com/oblador/react-native-vector-icons
Command - npm install --save react-native-vector-icons
React Native Slider - https://github.com/callstack/react-native-slider
Command - npm install @react-native-community/slider --save
React Native Track Player - https://react-native-track-player.js.org/install/
Comand - npm install --save react-native-track-player
Source Links:
..........
Project File:
GitHub:- https://github.com/Vetrivel-VP/react-native-musicplayer
Follow us on:
https://codewithvetri.web.app/
---------------------------------------------------------------------------------------------------------------------
Suggested Videos
Food Delivery - https://youtu.be/CjGEuLgt4nw
Spotify clone 2.0 : https://youtu.be/qG07ib2bv7k
WhatsApp Clone : https://youtu.be/xxUczAPKLMI
React Dashboard - https://youtu.be/7aMo75r8kpg
Animated Landing Page : https://youtu.be/P4iu1vZkPsA
---------------------------------------------------------------------------------------------------------------------
Social Media:
Facebook:
https://www.facebook.com/velvetri452
Instagram:
@vetrivel_ravi
Linkedin:
https://www.linkedin.com/in/velvetri/
---------------------------------------------------------------------------------------------------------------------
Music :-
Song: Atch - Echoes
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/XpZr0Wj5iEk
Chapters :
00:00 - Project Overview
03:35 - Project Setup
10:45 - Structuring The Project
17:00 - Installing React Native Icons & Slider
24:19 - App Bottom Layer
39:10 - App Main Container
1:00:54 - Live Data Integration & Rendering
1:08:45 - App Gesture Settings
1:18:16 - Updating Track Info On Swipe
1:20:11 - Installation & Configuration of Track Player
1:26:48 - Music Player Setup
1:39:45 - Handling RegisteringPlayBackService Error
1:44:09 - Skip To Next & PreviousTrack in list
1:52:02 - Updating The Song Progress
2:01:38 - Changing the Track
2:13:11 - Setting Up Track Repeat Mode
2:25:06 - Updating Notification Controls
Видео Mobile App - Make Your Own Music Player 📱 APP | React Native | React Native CLI канала Vetrivel Ravi
Resources :
Assets used - https://github.com/Vetrivel-VP/react-native-musicplayer/tree/master/assets
React Native Vector Icons - https://github.com/oblador/react-native-vector-icons
Command - npm install --save react-native-vector-icons
React Native Slider - https://github.com/callstack/react-native-slider
Command - npm install @react-native-community/slider --save
React Native Track Player - https://react-native-track-player.js.org/install/
Comand - npm install --save react-native-track-player
Source Links:
..........
Project File:
GitHub:- https://github.com/Vetrivel-VP/react-native-musicplayer
Follow us on:
https://codewithvetri.web.app/
---------------------------------------------------------------------------------------------------------------------
Suggested Videos
Food Delivery - https://youtu.be/CjGEuLgt4nw
Spotify clone 2.0 : https://youtu.be/qG07ib2bv7k
WhatsApp Clone : https://youtu.be/xxUczAPKLMI
React Dashboard - https://youtu.be/7aMo75r8kpg
Animated Landing Page : https://youtu.be/P4iu1vZkPsA
---------------------------------------------------------------------------------------------------------------------
Social Media:
Facebook:
https://www.facebook.com/velvetri452
Instagram:
@vetrivel_ravi
Linkedin:
https://www.linkedin.com/in/velvetri/
---------------------------------------------------------------------------------------------------------------------
Music :-
Song: Atch - Echoes
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/XpZr0Wj5iEk
Chapters :
00:00 - Project Overview
03:35 - Project Setup
10:45 - Structuring The Project
17:00 - Installing React Native Icons & Slider
24:19 - App Bottom Layer
39:10 - App Main Container
1:00:54 - Live Data Integration & Rendering
1:08:45 - App Gesture Settings
1:18:16 - Updating Track Info On Swipe
1:20:11 - Installation & Configuration of Track Player
1:26:48 - Music Player Setup
1:39:45 - Handling RegisteringPlayBackService Error
1:44:09 - Skip To Next & PreviousTrack in list
1:52:02 - Updating The Song Progress
2:01:38 - Changing the Track
2:13:11 - Setting Up Track Repeat Mode
2:25:06 - Updating Notification Controls
Видео Mobile App - Make Your Own Music Player 📱 APP | React Native | React Native CLI канала Vetrivel Ravi
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Building Tic-Tac-Toe Game with Python and Kivy | Interactive GUI TutorialFull-Stack Resume Builder Tutorial For Beginners | ReactJS, Firebase, Tailwindcss, React QueryMordern Web Portfolio - React| Firebase | Framer Motions - For BeginnersMy React Portfolio with Framer Motion | Showcase and Connect | Tech, WebDev, Design🌟 Mesmerizing Neon Animated Card with Three.js! 🚀Build a Python Video Downloader with Modern GUI | Step-by-Step TutorialStunning 3D Day & Night Toggle Button | HTML, CSS, JSConnecting Firebase to HTML Project with Node.js | Step-by-Step TutorialCreate Stunning 3D Login & Signup Forms with HTML & CSS 🌟Create a Stunning Neon Login Form with HTML & CSS ✨Creating a Glassmorphism Admin Dashboard with ReactDesigning a Stylish Casio Digital Watch with HTML, CSS, and JavaScriptThe Ultimate Prisma Guide: Unleashing MongoDB and Node.js Magic | Comprehensive Crash Course"FluidMotion: Interactive Water-Inspired Progress Bar with CSS and JS"Creating a Mesmerizing 3D Rotating Fan Animation with CSS Only🌟 Explore the Enchanting World of 3D Parallax Websites🔮 Unveil Magic: 3D Card Hover Effect with HTML & CSS ✨🎠 Mesmerizing 3D Carousel Showcase | Web Design Magic!🔍 Master Debugging: Uncover Code Mysteries with 'Debugging Diaries' 🚀Building a Full Stack CodePen.io Clone with React.js and Firebase: A Hands-On Tutorial🚀 How to become a successful web developer🤔 | Top Tips for Success 🌐