How To Create Full Stack Spotify Clone App In React JS | Music Streaming Site in MERN Stack 2024

  Рет қаралды 77,229

GreatStack

GreatStack

Күн бұрын

Пікірлер: 189
@GreatStackDev
@GreatStackDev 5 ай бұрын
👉 Source Code: greatstack.dev/go/spotify
@sahanamanjunath2775
@sahanamanjunath2775 2 ай бұрын
Sir I'm unable to access source code
@navedkhan4589
@navedkhan4589 2 ай бұрын
​​@@sahanamanjunath2775 are u still can't access source code
@iralapraveen4383
@iralapraveen4383 Ай бұрын
You are so good than many other youtubers interview 50 lakhs LPA guy and selling their Courses. Helping nature of you towards community 👏
@aryanmaniyar7301
@aryanmaniyar7301 Ай бұрын
How much ever I thank you, it will still be less. Thanks a ton sir
@GreatStackDev
@GreatStackDev Ай бұрын
Thank you. 😊
@roshanmaharjan732
@roshanmaharjan732 5 ай бұрын
just finished the blog project and now I'm excited to start this one.
@RoshanSharma-kg1qv
@RoshanSharma-kg1qv 5 ай бұрын
Bhai yrr third help kr do yrr toastfiy call nhi ho paa rha hai
@roshanmaharjan732
@roshanmaharjan732 5 ай бұрын
@@RoshanSharma-kg1qv can you tell which part, make sure you installed it peoperly
@zenabhi0072
@zenabhi0072 5 ай бұрын
Bro how many days it took u
@CreativeMinds100
@CreativeMinds100 5 ай бұрын
bro my backend code is problem ..
@hdtodaymovies-t5v
@hdtodaymovies-t5v 5 ай бұрын
share the source code bro
@luvaacan5516
@luvaacan5516 5 ай бұрын
Such a great video. Thanks GreatStack! 🔥
@Gaming-Divide2024
@Gaming-Divide2024 5 ай бұрын
Vote for part 2 of KZbin clone😇
@saranyavp2820
@saranyavp2820 5 ай бұрын
Wonderful sharing... hatsoff to ur effort ❤
@GreatStackDev
@GreatStackDev 5 ай бұрын
Thank you. 😊
@afaqahmad8918
@afaqahmad8918 5 ай бұрын
Oops Finally created this we application . Thank you soo much sir
@GreatStackDev
@GreatStackDev 5 ай бұрын
Glad to hear that. Thank you. 😊
@afaqahmad8918
@afaqahmad8918 5 ай бұрын
@@GreatStackDev Sir what about deployment?
@navedkhan4589
@navedkhan4589 2 ай бұрын
@@afaqahmad8918 bhai yrr kuch chota sa error aara hai help kar doge
@navedkhan4589
@navedkhan4589 2 ай бұрын
​@@afaqahmad8918 afaq bhai ek help kr skte ho😊
@Gulshansays_
@Gulshansays_ 5 ай бұрын
Master at work ❤ impressive work bro 🗿
@imranasad9199
@imranasad9199 3 ай бұрын
Thankyou sir you are doing a great job
@vigneshmurugesan6978
@vigneshmurugesan6978 4 ай бұрын
I completed your 3 projects 😊 tq sir your learning approach was so good🎉🎉🎉🎉
@GreatStackDev
@GreatStackDev 4 ай бұрын
Glad to hear that. You're welcome! 😊 Keep coding.
@ashishwalia6985
@ashishwalia6985 4 ай бұрын
ma'am i am facing on admin pannel list song my songs are not listed
@ashishwalia6985
@ashishwalia6985 4 ай бұрын
@@GreatStackDev sir i am facing on admin pannel list song my songs are not listed
@ashishwalia6985
@ashishwalia6985 4 ай бұрын
have you completed this one
@RizqySyahputraa
@RizqySyahputraa 5 ай бұрын
Another great project, Good Job GreatStack Team 👍
@-mohammadalakedy5417
@-mohammadalakedy5417 5 ай бұрын
The best channel in the world , please make tutriol for React Native ❤
@videoediting4772
@videoediting4772 2 ай бұрын
Thanks a lot for your tutorials, I would like to request if you can put the previews of the live code in the browser as you type, that way we can better understand what changes each code does. But anyways keep up the good work, you're doing a great endeavor for the community who wants to learn web development. God bless.
@ashishwalia6985
@ashishwalia6985 4 ай бұрын
Thank you GreatStack Thank you so much
@Soap_js
@Soap_js 5 ай бұрын
Dang bro, Amazing Work . Keep it up
@wanjeeric4885
@wanjeeric4885 3 ай бұрын
best programmar ever
@abdulateef-da-designer
@abdulateef-da-designer 5 ай бұрын
Thanks a lot for this state of d Art project tutorial
@IbrahimAbdi_
@IbrahimAbdi_ 5 ай бұрын
Moment we have been waiting for
@divyadharshini6916
@divyadharshini6916 5 ай бұрын
Amazing project❤ kindly do more MERN stack project✨
@kirankatti3975
@kirankatti3975 5 ай бұрын
very helpfull ❤❤
@JASHANPREETSINGH-wx7du
@JASHANPREETSINGH-wx7du 5 ай бұрын
every video is justifying your channel name "GreatStack" ; keep growing
@mayankvaidh
@mayankvaidh 5 ай бұрын
Sir this project is very very awesome ❤ because u added cloudinary for image and i want to tell you that please add the post update feature in this video...
@narotamkumarmishra6139
@narotamkumarmishra6139 5 ай бұрын
great work
@shanijutt3366
@shanijutt3366 5 ай бұрын
Kindly make the full stack portfolio project with MERN Stack, with admin dashboard where user can add new projects, new skills and experience , also the UI be attractive. So we can give our portfolio to everyone Thanks if you consider it
@ashishwalia6985
@ashishwalia6985 4 ай бұрын
yes that's the good idea
@Sneakingmentor
@Sneakingmentor 5 ай бұрын
Sir Next Project on Nextjs Ecommerce App.Thanks for this fullstack Project. Now we have a lot of projects to build. Currentyly building Ecommerce Mern app.
@ThienTranVan-j8p
@ThienTranVan-j8p Ай бұрын
thank you so much !
@alexdin1565
@alexdin1565 5 ай бұрын
as always great content please can you make video on how we can use a rich text editor with next js something like Wordpress when user can create blog posts wit images or impeded videos etc... i see many yotubers and all are making a simple create posts with textarea and input
@ujjawalpugalia2123
@ujjawalpugalia2123 5 ай бұрын
Man u r awesome
@saurabh7003
@saurabh7003 5 ай бұрын
Please keep uploading full stack websites this help us alot
@EmifirE123
@EmifirE123 5 ай бұрын
Thank You So much Sir
@GreatStackDev
@GreatStackDev 5 ай бұрын
Thank you. 😊
@alman_harbi
@alman_harbi 5 ай бұрын
Great!
@MD.Mostafakamal-e4n
@MD.Mostafakamal-e4n 2 ай бұрын
❤❤❤greate
@nmnews9747
@nmnews9747 4 ай бұрын
3:29:42 cannot read properties of undefined (reading id) please help this error
@ryanranjith672
@ryanranjith672 4 ай бұрын
Am getting error in 3:43:00 while sending album data in thunderclient false error occurring…
@sardarzain1066
@sardarzain1066 5 ай бұрын
I love you man you make me front end developer
@SurajM-555
@SurajM-555 5 ай бұрын
Thanks you sir please make on e video on social media platform using MERN
@saurabh7003
@saurabh7003 5 ай бұрын
🎉🎉🎉🎉🎉love ur work and effort😍😍😍😍
@Wesman687
@Wesman687 5 ай бұрын
Thanks a lot, your videos are great. But can you post a video of how best to post this? I'd imagine you setup all 3 apps, individually, and link them to the server url?
@suryasai2412
@suryasai2412 4 ай бұрын
at 1:01:20 after mapping my screen beocmes full white, is there any solution for this?
@mohammadanas7620
@mohammadanas7620 2 ай бұрын
1:37:00 Revising through video
@devanshjagad7866
@devanshjagad7866 Ай бұрын
1:53:00 l am unable to play the song .. Any advices??
@yashpawar-dw2dq
@yashpawar-dw2dq 5 ай бұрын
thanks you sir❤
@atulanand1530
@atulanand1530 2 ай бұрын
did you use any Database in this project like MongoDb or any other to store the login info or something ?????? Please tell ASAP i need to know
@akshayaxtreamsavk
@akshayaxtreamsavk 3 ай бұрын
got stuck at 1:17:06 i can't fetch album image anyone knows solution ?
@evanesoliveira1970
@evanesoliveira1970 Ай бұрын
o meu esta dando erro na hora de inserir a imagem no album, tela fica branca! nao esta achando o banco de dados
@mdtaha2335
@mdtaha2335 5 ай бұрын
Sir, after the song completes, it should also navigate to the next song automatically. This functionality is required
@Haribala015
@Haribala015 Ай бұрын
25:44 continue with morning
@sandyGamer97
@sandyGamer97 5 ай бұрын
Is this UI responsive? When we check responsive in dev tools does it automatically resize ?
@nakulmittal9953
@nakulmittal9953 2 ай бұрын
3:55:00 admin panel
@dododudo
@dododudo 5 ай бұрын
1:03:35 I held shift key... but It didn't work.... why ?
@idevkr
@idevkr 5 ай бұрын
U have to scroll with mouse + shift key or if u use touch pad then u can use 2 fingers horizontal scroll gesture
@dododudo
@dododudo 5 ай бұрын
Wow It works!! Both the mouse wheel+shift and 2 finger gestures work great. Thanks for your help :D
@ashishwalia6985
@ashishwalia6985 4 ай бұрын
@@idevkr brother i have facing an issue with admin pannel and when we add our frontend with backend then it's not working it's appear blank screen and no error in console
@nakulmittal9953
@nakulmittal9953 2 ай бұрын
2:22:00 backend
@omarmukhthar4305
@omarmukhthar4305 5 ай бұрын
i have one problem non of my code are displaying in localhost while localhost and project are successfully running
@waleedsharif618
@waleedsharif618 5 ай бұрын
Are you using redux or context api ?
@anonymousstranger8270
@anonymousstranger8270 3 ай бұрын
Good tutorial, but it would have been even better if the project had a user login system as well..
@JoonasKarp
@JoonasKarp 5 ай бұрын
Are allowed to add Spotify clone to our github ? I mean isnt it illegal cuz they have patented it ?
@worldfree4you706
@worldfree4you706 3 ай бұрын
you can do it lmao no one cares
@AsmirtiSingh
@AsmirtiSingh 5 ай бұрын
After the last song is reached and we click next the player disappears , how to resolve it ???
@waleedsharif618
@waleedsharif618 5 ай бұрын
Why you need to refresh the page in order to see new added songs/albums ? Could you make it so that no refresh needed
@nobunlimited2655
@nobunlimited2655 5 ай бұрын
I think no need to refresh you should manage state
@kishanshah-o1y
@kishanshah-o1y 4 ай бұрын
I have done all the parts but at last when i click on the play button it is not playing the audio i saw in console when clicking in play it shows this PlayerContext.jsx:30 Uncaught (in promise) DOMException: The element has no supported sources. i try to find the solution but unable to solve it would be better if you solve this problem all functionalities are working except just playing the song whether it is in album or doing next
@M1-Pro
@M1-Pro 4 ай бұрын
i was having the same issue but when i mapped data from backend to frontend the songs showing on home doesnt play so he told the solution in video later in PlayerContext.jsx const playWithId = async (id) => { await songsData.map((item) => { if (id === item._id) { setTrack(item); } }); await audioRef.current.play(); setPlayStatus(true); };
@amigos786
@amigos786 13 күн бұрын
is it possible to use this with supabase?
@Baby_Cute25
@Baby_Cute25 5 ай бұрын
Thanks ❤❤❤❤❤
@nguyenxuantruong7032
@nguyenxuantruong7032 5 ай бұрын
excuse me, it seems like the code has an error in the part where clicking pause doesn't work
@ParthPlays77
@ParthPlays77 4 ай бұрын
hello brother i try import jsx file to js but not working pls give me solutuon
@Kavya-h2s
@Kavya-h2s 5 ай бұрын
Sir unable to add album showing thunder client request result as success : false
@tonystark-j1x
@tonystark-j1x 3 ай бұрын
does it have sign in and sign up ?
@KumarPiyushXIA
@KumarPiyushXIA 5 ай бұрын
i do not have option of mongoose in driver so what now i do
@itsmjns23
@itsmjns23 4 ай бұрын
hi can you create an project like mern but the database is Google Sheets 😅 and an affiliate website where to promote affiliate products with links and a backend Hope to be noticed
@Ai_4_hustlers
@Ai_4_hustlers 5 ай бұрын
Why do newly added albums show up at the end of my list instead of at the front, making it difficult to find them quickly?
@CyberPhaseII
@CyberPhaseII 4 ай бұрын
Data structures FIFO LIFO
@ApnaClassYT
@ApnaClassYT 5 ай бұрын
why track.file not working???? any idea???
@omarmukhthar4305
@omarmukhthar4305 5 ай бұрын
i have same problem have you find any solution
@todaysindia4114
@todaysindia4114 5 ай бұрын
how to deploy this project on netlify or vercel because it has 3 folders how will it work
@idevkr
@idevkr 5 ай бұрын
First u have to deploy backend then add backend link in the frontend and admin project then deploy them separately
@kishorprajapati02
@kishorprajapati02 3 ай бұрын
i have geeting error in exporting navbar module'
@mohammadanas7620
@mohammadanas7620 3 ай бұрын
Continue from 2:49:00 and 2:22:00 Installing some dependencies
@mohammadanas7620
@mohammadanas7620 3 ай бұрын
2:20:00 Front End Finished
@HimanshuGohil-v5t
@HimanshuGohil-v5t 5 ай бұрын
Npm is not working in terminal what i do ??
@crispy_chip2735
@crispy_chip2735 5 ай бұрын
3:01:53
@HimanshuGohil-v5t
@HimanshuGohil-v5t 3 ай бұрын
How to create playlist sir ?? And how to login ??
@zoeadah
@zoeadah 5 ай бұрын
Lord Shiva bless you🙏🏾
@Justmisti3
@Justmisti3 5 ай бұрын
Is this an update to the previous tutorial sir?
@null354
@null354 4 ай бұрын
make a project in angular
@afaqahmad8918
@afaqahmad8918 5 ай бұрын
5:20:04
@the_baburao18881
@the_baburao18881 3 ай бұрын
Is it a app? But it is running of browser as a tab😢
@codefusionjs
@codefusionjs 4 ай бұрын
LETS VOTE FOR FULL STACK DISCORD CLONE WITH NITRO FEATURES AND SERVER BOOSTING AND PROFILE EFFECTS AND DECOR
@andiuptown1711
@andiuptown1711 4 ай бұрын
*Do it yourself*
@paracetamol5031
@paracetamol5031 5 ай бұрын
Please let me know if someone finishes this project. Please😢😢
@aquaff1956
@aquaff1956 4 ай бұрын
​@@katsrk3039can u help me i am starting this project and need some info about it
@baburqureshi6842
@baburqureshi6842 4 ай бұрын
​@@katsrk3039Hello can you help me in this project
@akshayaxtreamsavk
@akshayaxtreamsavk 3 ай бұрын
​@@katsrk3039got stuck at 1:17:06 i can't fetch album image
@sakethg6609
@sakethg6609 4 ай бұрын
Nice project , but please provide timestamps
@ShreyaSaha-r6z
@ShreyaSaha-r6z 4 ай бұрын
pls pls pls make react+ spring boot project
@andiuptown1711
@andiuptown1711 4 ай бұрын
So hard to find good ones 😩
@afaqahmad-ef4ky
@afaqahmad-ef4ky 5 ай бұрын
leaving bookmaark 34:54
@hwapyongedouard
@hwapyongedouard 5 ай бұрын
that's very very cool, but how can we deploy it sir
@yhd0808
@yhd0808 5 ай бұрын
can i get the source code pls .. i have project demonstration this week ..
@soumadip_banerjee
@soumadip_banerjee 5 ай бұрын
❤❤❤
@jayprakashyadab
@jayprakashyadab 5 ай бұрын
and plz a tourial to convert these project into next js
@FinanceMaster_07
@FinanceMaster_07 5 ай бұрын
Please clone any stock market broker website just like grow, upstock and angle-one etc. So that we learn how to manage financial web application. Because no one teach this every one clone youtube, chating app no one clone financial web application please make
@itsnasim254
@itsnasim254 5 ай бұрын
Pleass Make The. popular Music streaming Website wynk Muisc in the next video
@eron7850
@eron7850 5 ай бұрын
please show deploying it as well for free on vercel or netlify
@saurabh7003
@saurabh7003 5 ай бұрын
Can u make a full stack website with unique idea so we can use it in mega project for college
@tonystark-j1x
@tonystark-j1x 3 ай бұрын
how will i add login page to this ???
@GreatStackDev
@GreatStackDev 3 ай бұрын
Hi, you can create login & registration feature by following this tutorial: kzbin.info/www/bejne/j4K0dWltg5qjn5I
@HafizDaniyalShakeel
@HafizDaniyalShakeel 2 ай бұрын
How to deploy it Sir
@YouTubech11
@YouTubech11 5 ай бұрын
How to deploy it😢😢
@regilearn2138
@regilearn2138 5 ай бұрын
without typescript its just a another clone. add typescript for future project
@aquaff1956
@aquaff1956 5 ай бұрын
Hey guyzz i am going to start this project can anyone help me out whoever completed this project.
@idevkr
@idevkr 5 ай бұрын
What help you need?
@navedkhan4589
@navedkhan4589 2 ай бұрын
@@idevkr chota sa error hai help kar doge bhai
@jbcreates
@jbcreates 5 ай бұрын
Hello sir please create a movie/video download website with admin panel
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 30 МЛН
كيف تنجح العلاقات مع ياسر الحزيمي | بودكاست فنجان
3:03:09
Before you add any clone in your resume
10:34
Chai aur Code
Рет қаралды 174 М.
Week0-Scratch (CS50x Iran 2021)
1:30:04
CS50x Iran
Рет қаралды 2,1 М.
React Hooks Course - All React Hooks Explained
1:26:21
PedroTech
Рет қаралды 1,1 МЛН
Node.js: The Documentary | An origin story
1:02:49
Honeypot
Рет қаралды 681 М.
React JS Full Course | Build an App and Master React in 1 Hour
1:11:44
JavaScript Mastery
Рет қаралды 1,8 МЛН
Laravel 11 + React Full Stack App with Inertia - Project Management App
5:44:19