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

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น • 189

  • @GreatStackDev
    @GreatStackDev  5 หลายเดือนก่อน +4

    👉 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 หลายเดือนก่อน +2

    You are so good than many other youtubers interview 50 lakhs LPA guy and selling their Courses.
    Helping nature of you towards community 👏

  • @roshanmaharjan732
    @roshanmaharjan732 5 หลายเดือนก่อน +26

    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 หลายเดือนก่อน +1

      @@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 หลายเดือนก่อน +1

      share the source code bro

  • @aryanmaniyar7301
    @aryanmaniyar7301 หลายเดือนก่อน +2

    How much ever I thank you, it will still be less. Thanks a ton sir

  • @luvaacan5516
    @luvaacan5516 5 หลายเดือนก่อน +2

    Such a great video. Thanks GreatStack! 🔥

  • @Gaming-Divide2024
    @Gaming-Divide2024 5 หลายเดือนก่อน +34

    Vote for part 2 of TH-cam clone😇

  • @saranyavp2820
    @saranyavp2820 5 หลายเดือนก่อน +1

    Wonderful sharing... hatsoff to ur effort ❤

  • @afaqahmad8918
    @afaqahmad8918 5 หลายเดือนก่อน +3

    Oops Finally created this we application .
    Thank you soo much sir

    • @GreatStackDev
      @GreatStackDev  5 หลายเดือนก่อน +1

      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 หลายเดือนก่อน +1

    Master at work ❤ impressive work bro 🗿

  • @imranasad9199
    @imranasad9199 2 หลายเดือนก่อน +1

    Thankyou sir you are doing a great job

  • @vigneshmurugesan6978
    @vigneshmurugesan6978 4 หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

    very helpfull ❤❤

  • @JASHANPREETSINGH-wx7du
    @JASHANPREETSINGH-wx7du 5 หลายเดือนก่อน

    every video is justifying your channel name "GreatStack" ; keep growing

  • @mayankvaidh
    @mayankvaidh 5 หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

    great work

  • @shanijutt3366
    @shanijutt3366 5 หลายเดือนก่อน +4

    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 หลายเดือนก่อน +4

    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 หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

    Thank You So much Sir

  • @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 หลายเดือนก่อน +2

    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 28 วันที่ผ่านมา

    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 หลายเดือนก่อน +1

    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

  • @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

  • @AsmirtiSingh
    @AsmirtiSingh 5 หลายเดือนก่อน

    After the last song is reached and we click next the player disappears , how to resolve it ???

  • @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 12 วันที่ผ่านมา

    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 หลายเดือนก่อน +1

    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 4 หลายเดือนก่อน

      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 หลายเดือนก่อน +1

    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 3 หลายเดือนก่อน +1

    make a project in angular

  • @the_baburao18881
    @the_baburao18881 3 หลายเดือนก่อน

    Is it a app?
    But it is running of browser as a tab😢

  • @afaqahmad8918
    @afaqahmad8918 5 หลายเดือนก่อน

    5:20:04

  • @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 หลายเดือนก่อน +2

    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

  • @ShreyaSaha-r6z
    @ShreyaSaha-r6z 4 หลายเดือนก่อน +1

    pls pls pls make react+ spring boot project

    • @andiuptown1711
      @andiuptown1711 4 หลายเดือนก่อน

      So hard to find good ones 😩

  • @sakethg6609
    @sakethg6609 4 หลายเดือนก่อน

    Nice project , but please provide timestamps

  • @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 หลายเดือนก่อน +1

    ❤❤❤

  • @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 หลายเดือนก่อน +1

    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

  • @HafizDaniyalShakeel
    @HafizDaniyalShakeel 2 หลายเดือนก่อน

    How to deploy it
    Sir

  • @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: th-cam.com/video/YQQD67N5pi0/w-d-xo.html

  • @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 หลายเดือนก่อน +1

    Hey guyzz i am going to start this project can anyone help me out whoever completed this project.

    • @idevkr
      @idevkr 4 หลายเดือนก่อน

      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