Build Spotify Like Podcast Platform Using React, Redux & Firebase | Unique React Project | AccioJob
Hi Guys, in this tutorial Avi ( / avivashishta ) Acciojob's instructor will build a Spotify like podcast platform.
The platform will be developed using React and integrated with Firebase, Redux Toolkit for state management, and Firebase for authentication, storage, and database features. Avi also provides a comprehensive walkthrough of the application's features and user interface (UI), including the sign up, sign in, profile, podcast creation, and podcast display pages.
Source Code: https://github.com/AVIVASHISHTA29/pod...
Project link: https://podcast-react-avi.netlify.app
Figma Link- https://www.figma.com/file/FwPqdG48VI...
Chapters:
00:00 - 12:13 Introduction
12:13 - 20:56 Code base setup
20:56 - 37:22 Firebase intro and setup
37:22 - 51:14 Redux toolkit intro and setup
51:14 - 57:09 REACT Router DOM
57:09 - 01:09 Header
01:09:47 - 01:32:49 SignUp Page
01:32:49 - 01:51:54 AUTH, Setting DOC, Profilr
01:51:54 - 02:04:02 REACT Toatify + Error Handling
02:04:02 - 02:11:52 Fetching User Object
02:11:52 - 02:21:54 Private Routes
02:21:54 - 02:45:12 Create a Podcast
02:45:12 - 03:01:11 Uploading File In FIREBASE Storage
03:01:11 - 03:27:40 Podcast Page
03:27:40 - 03:49:01 Podcast Details
03:49:01- 04:13:15 Create An Episode
04:13:15 - 04:38:25 Creating Custom Audio Player
04:38:25 - 04:54:18 Logic For Custom Audio Player
04:54:18 - 05:10:56 Conclusion
📌Learn the basics of programming for free - https://bit.ly/yt_lp0
AccioJob is an ed-tech startup run by IIT Delhi Alumni and backed by Y Combinator. We train students in Data Structures and Algorithms, and Full Stack Web Development . By now we have impacted the lives of 5000+ students with the help of more than 300+ Hiring Partners.
Our students are currently working in Top Tech companies including Amazon, PayTM, Walmart, Visa, Airtel, Salesforce, and many more.
Go check out our other interesting Playlists on Youtube:
👉Full HTML & CSS Course for Beginners – https://bit.ly/learn_html0
👉Project Building Workshops – https://bit.ly/project_building
👉Gyaan Series – https://bit.ly/gyaan_series
*AccioJob on Social Media*
Instagram - https://bit.ly/insta_yt0
LinkedIn -http://bit.ly/3C0IPHp
#podcast #platform #reactjs #react #firebase #redux #frontend #project #figma #spotify #clone
#PodcastPlatform #ReactDevelopment #FirebaseIntegration #ReduxToolkit
#Authentication #StorageFeatures #DatabaseManagement #UserInterfaceDesign #PodcastCreation #ProfileManagement
#Podcast #UIUX #DevelopmentTutorial #FirebaseAuthentication #StateManagement #Podcasting #AppDevelopment