Build a Spotify Clone with REACT JS for Beginners

Опубликовано: 10 Март 2025
на канале: Mr CyberWolf
10,425
167

In this video we gonna be building Spotify UI with React. We gonna create login, signup, home, library, search, playlist pages and many more.

Source Code = https://github.com/cyber-wolve/spotif...

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

Chapters :
--------------------------------------
0:00:00 - Demo
0:01:00 - Create React App
0:02:27 - Install Dependencies
0:03:23 - Global Styles
0:04:47 - Setup Router
0:06:28 - Landing Page
0:11:45 - Not Found Page
0:13:30 - Custom Button
0:14:30 - Custom Text Field
0:16:21 - Custom Select
0:17:39 - Custom Radio
0:19:08 - Custom Checkbox
0:20:03 - Custom FileInput
0:21:50 - SignUp Page
0:29:04 - Login Page
0:34:08 - Navbar
0:36:58 - Sidebar
0:39:40 - Like
0:40:40 - Audio Player
0:42:53 - Playlist Component
0:44:11 - Playlist Menu
0:45:50 - Playlist Model
0:48:33 - Song Component
0:51:14 - Home Page
0:52:33 - Search Page
0:55:05 - Library Page
0:56:31 - Liked Songs Page
0:58:49 - Playlist Page
1:02:18 - Profile Page
1:07:43 - Private Route
1:08:46 - Configure Routes
--------------------------------------


#React
--------------------------------------
Music Promoted by Music & Gene at YouTube:
   / musicgene  
https://geniemindcreation.wixsite.com...

Music by MBB |   / mbbofficial  
   / mbbmusic  
  / mbb_music  
Buy Music Licenses at www.mbb-music.com
--------------------------------------

Tags = {mern stack, mern project, clone, react, node, mongoose, mern crud,crud, mern todo, express, javascript, react app, redux, npm, package, spotify clone, clone, front end, web, backend, mongdb, github, git, heroku, netlify, audio, html, css, scss, next, typescript, application, app, database, login, signup, like, api, web application, client, uiux, dom}