Build a Full Stack Book Store App Using React, Node, MongoDB

Поділитися
Вставка
  • Опубліковано 9 лют 2025

КОМЕНТАРІ • 156

  • @mdalmamunit427
    @mdalmamunit427 3 місяці тому +89

    Thanks for publishing the course! Excited to share this with everyone.
    I'll be contributing more content whenever I can manage my time, so stay tuned for more tech tutorials!

    • @startainersvideos1613
      @startainersvideos1613 3 місяці тому +2

      Thank you for your efforts. Please make more Next.js Projects with admin panel. ❤

    • @laravelug
      @laravelug 3 місяці тому

      We need some laravel and live wire tutorials too

    • @isrfernando
      @isrfernando 3 місяці тому +1

      Thank you❤

    • @mdalmamunit427
      @mdalmamunit427 3 місяці тому +1

      @@isrfernando welcome ❤️

    • @amirmiir
      @amirmiir 2 місяці тому

      @@mdalmamunit427 hey! I have noticed whilst replicating the project (unfinished yet), that at 2:11:30 , the left arrow doesn't appear, and I have had a little trouble looking for a bug fix for this issue)

  • @vickysawant19
    @vickysawant19 3 місяці тому +15

    Good demostration for begineer, very good course .... took me two days to complete this project..as always learn somthing new

  • @yasiriqbal7253
    @yasiriqbal7253 3 місяці тому +5

    your coding skills are excellent by using many short cut. Quick-Fast-Energetics-Clear-Focused. You are marvelous

  • @indianlion9652
    @indianlion9652 3 місяці тому +6

    The best part of this tutorial is , the tutor is calm and speaking softly, and explaining each and everything. He seems to understand the feelings of beginners.thankyou brother 🔥

  • @SunwarulBERI
    @SunwarulBERI 3 місяці тому +10

    Very good course. Specially helpful for beginners. Thanks Bhai for your effort. Please continue!

  • @ayodejiakinola4505
    @ayodejiakinola4505 3 місяці тому +6

    This guy is good and I love the way he explains things

  • @alexblom6778
    @alexblom6778 5 днів тому +1

    just finished this, thank you for this awsome project

  • @lllsas
    @lllsas 3 місяці тому +1

    It's a very useful project for the beginners (like -me). And Your teaching style is really amazing 😍❤

  • @rantz2472
    @rantz2472 3 місяці тому +35

    2:29:00 When he starts the footer section and says copy the code, the code is not there on github so you will have to pause the video and copy the code as he scrolls through it when he has undefined image errors in the code. Hope this saves someone a bit of time.

    • @mr.anurag8494
      @mr.anurag8494 3 місяці тому +1

      did you finish the project?. should I start the project?

    • @rantz2472
      @rantz2472 3 місяці тому +1

      @@mr.anurag8494 Not yet, other things got in the way but I will finish it. You should start the project

    • @mr.anurag8494
      @mr.anurag8494 2 місяці тому +1

      @@rantz2472 did you finish?

  • @RonanODriscoll
    @RonanODriscoll Місяць тому

    Great series of videos. I've learned a lot! Thanks very much.

  • @JenitJosephJose
    @JenitJosephJose 8 днів тому

    It is a beginner friendly course. Thank you bro

  • @soumadip_banerjee
    @soumadip_banerjee 3 місяці тому +4

    Khub valo ❤🎉

    • @mdalmamunit427
      @mdalmamunit427 3 місяці тому

      Thank you

    • @suvo910
      @suvo910 3 місяці тому

      Kolkata naki

    • @lllsas
      @lllsas 3 місяці тому +1

      ​@@suvo910 na. Bangladeshi ❤

  • @priyadarshi5730
    @priyadarshi5730 3 місяці тому +6

    Loads of Love ❤❤❤

  • @abulbaneen
    @abulbaneen 15 днів тому

    بارك الله فيك ورحم الله والديك

  • @ParthPakhare-d4h
    @ParthPakhare-d4h 3 місяці тому +3

    Excited

  • @ringostarkiller7097
    @ringostarkiller7097 3 місяці тому +1

    Great video! 😊 What about the management and security of economic transactions? I think it is a useful part that is never covered by tutorials

  • @fscubetech7219
    @fscubetech7219 3 місяці тому +2

    The best content 👍🏽

  • @jedidiahanarfi
    @jedidiahanarfi 3 місяці тому +2

    Great tutorial for beginners.

  • @santhosshv4557
    @santhosshv4557 3 місяці тому +8

    @5:21:06 for image display issue... the data has an object with a book property containing the array of books... so extract book from the response.....
    const { data: response = {} } = useFetchAllBooksQuery();
    const books = response.book || [];

    • @mr.anurag8494
      @mr.anurag8494 3 місяці тому +1

      did you finish the project?. should I start the project?

    • @arjuno7058
      @arjuno7058 2 місяці тому

      The image still doesn't show up

    • @odisvybz
      @odisvybz Місяць тому

      This really saved me some great time of being stucked, cos i wasn't seeing the data loading...

  • @mdsafikulislam9113
    @mdsafikulislam9113 3 місяці тому +5

    Thanks Bhai!

  • @anlbasaran8206
    @anlbasaran8206 2 місяці тому +3

    hi, thank you for the content , very useful and exciting stuff, one question, around second hour....at the swiper ; slider...the preview button doesn't show, and when ı went to the demos and searched a bit but didn't find any way to put it in there , even your version only have left chevron , is there any way to get the right slide button as well?

    • @edelweis303
      @edelweis303 2 місяці тому +1

      I've just finished that part. mine shows albeit its a bit different than in the video. I think if you use pagination, it works quite similar with the swiper, so its not really needed in my opinion.

  • @CarlosTello-h5s
    @CarlosTello-h5s 3 місяці тому +2

    nice UI

  • @sreejishnair5922
    @sreejishnair5922 3 місяці тому +68

    This is an unusual request but I think we have a lot of MERN Stack courses available online. Is it possible to provide a similar course but for Golang and Angular for a similar project as it would help people like me who are into different unpopular tech-stack. Thanks.

    • @MWStudiooo
      @MWStudiooo 3 місяці тому +4

      Absolutely golang are nowhere 😢near

    • @akj3344
      @akj3344 3 місяці тому

      Well freecodecamp is essentially a video repository where people upload what they know. You can't 'request' anything.

    • @wesleyarya4310
      @wesleyarya4310 3 місяці тому +4

      Yes. Golang would be good

    • @juggles5474
      @juggles5474 3 місяці тому +2

      Seriously, MERN stack is outdated at this point

    • @MWStudiooo
      @MWStudiooo 3 місяці тому

      @@juggles5474 not outdated but every one channel has that, golang I haven't seen any stack neeed moree golang mayb flutter stack

  • @priyeshgautam6270
    @priyeshgautam6270 3 місяці тому +2

    Amazinggg 💎

  • @hacker-e7i
    @hacker-e7i 3 місяці тому +1

    For auto recommendation and which extension are you using for your vs code its looks so different from windows

  • @jayeshtiturkar6898
    @jayeshtiturkar6898 3 місяці тому +2

    Suprbbbbbbbb AWsomeeeeeee...

  • @christiankocevar6791
    @christiankocevar6791 2 місяці тому

    I really love your course and have completed it what i am missing is the token for the admin login. where can i store it to make the login?

    • @aintnochange
      @aintnochange 2 місяці тому

      it's stored on localStorage, but it may not get cleared properly so I think it's better to use cookies with max-age 3600 (I personally used local storage haha)

    • @christiankocevar6791
      @christiankocevar6791 2 місяці тому

      @@aintnochange Super thank you I could resolve it now and am now working on adding a book which for some reasons throws an error

    • @aintnochange
      @aintnochange 2 місяці тому +1

      @@christiankocevar6791 well congrats! I finished the project just today and had some similar errors. If I'm not mistaken, there was a problem when the middleware didn't rerurn from the function if verification is failed, the function continued to execute and the server crashed. I just restarted the server and added return keyword to that condition.

    • @christiankocevar6791
      @christiankocevar6791 2 місяці тому

      @@aintnochange Thank you for the info right now i work on adding a book which is still refused.

  • @HussainZaveri
    @HussainZaveri 3 місяці тому +2

    at 4:35:30 my book module is not showing which is throwing an error. How to solve this error?

  • @basheerbachi2302
    @basheerbachi2302 2 місяці тому +2

    Which theme are you using in vs code?

  • @NobleMarcos
    @NobleMarcos 3 місяці тому +1

    What extensions do you use for vscode? My autcomplete is not nearly as useful as yours

  • @pilyotuts
    @pilyotuts 3 місяці тому +1

    hello, can you make a tutorial following the real sizes with figma design, like the size of menu icon in figma is 24 x18 but you are using a same value from top bottom left and right and follow the correct margin/gap. Thank you!

  • @khalilshew4924
    @khalilshew4924 Місяць тому

    if i were to have books with mutiple images would i continue to store in all in assets? will this slow down the application if it becomes full of images?

  • @bookswiper
    @bookswiper 2 місяці тому

    Is there the part about saving the token missing for admin login? I can t login as admin and wonder where to store the token?

  • @DmitriySokolov
    @DmitriySokolov 3 місяці тому +1

    Where are you getting content for this website, I mean exact books is this licensed?

    • @MuggleMonk-rc4md
      @MuggleMonk-rc4md 3 місяці тому +1

      i also want to know, where from he has studied

  • @ytdavide
    @ytdavide 3 місяці тому +1

    Thanks a lot

  • @goluf_lqh
    @goluf_lqh 2 місяці тому

    Please help if I need to run Testing, Unit tests with the above project what should I do next?

  • @geralddiala6505
    @geralddiala6505 3 місяці тому +1

    Please can you create an e commerce digital and downloadable products like e-book and digital courses website 🙏🙏🙏

  • @mandarliev
    @mandarliev Місяць тому +1

    The submitting of the form at 3:50:38 doesn't log any data for me in the console.

    • @abdullaharshad4146
      @abdullaharshad4146 Місяць тому

      Did you get the data? If yes then please let me know, I'm also having the same issue :(

    • @Epresetech
      @Epresetech 16 днів тому

      hello, I have the same problem, help me?

    • @AxpmTV
      @AxpmTV 8 днів тому

      Ya lo solucioné, revisen en el checkout que si se este tomando el valor del nombre cuando se ingresa: "register: name"

  • @brencancer
    @brencancer 3 місяці тому +1

    deno 2.0 when?

  • @aintnochange
    @aintnochange 2 місяці тому +1

    8:51:30 I found what was the problem, there should be spread operator (...) like this: await updateBook({ id, ...updateBookData }).unwrap();

  • @aasiksihaab46
    @aasiksihaab46 Місяць тому

    There is one issue here, when u add the image, it just basically get the image from URL and display it. but when we add the image, its not uploading to frontend by itself. so we have to use multer and send it as formData as well. (8:40:00)

    • @himanshukotia1211
      @himanshukotia1211 7 днів тому

      can you guide me through the process of using multer

    • @khalilshew4924
      @khalilshew4924 3 дні тому

      Did you get this to work mate? In my app im trying to use multer to upload multiple images and then push them to cloudinary. but the form gives me parsing errors when i submit it... Im so close to being done with this tutorial its taken me way too long lol.

    • @aasiksihaab46
      @aasiksihaab46 3 дні тому

      @@himanshukotia1211 yeah sure. Give me sometime I’ll give the instructions

    • @aasiksihaab46
      @aasiksihaab46 3 дні тому

      @@khalilshew4924 I just go with the way when we upload it will add the file to our assets. Didn’t use cloudinary

  • @ravalik2103
    @ravalik2103 3 місяці тому +2

    Nice

  • @chukwuebukaanulunko9278
    @chukwuebukaanulunko9278 2 місяці тому

    I followed everything but my styling doesn't work unless I create a separate css file for the styling

  • @mrityunjoybarman9098
    @mrityunjoybarman9098 2 місяці тому +4

    Not explained some advanced concepts. Last section is just copy pasting not explaining much.

  • @bernsTech
    @bernsTech 3 місяці тому +1

    figma file?

  • @abdallahomar8457
    @abdallahomar8457 3 місяці тому +5

    Want flutter

  • @Alyyy637
    @Alyyy637 3 місяці тому +1

    👍

  • @allwin.
    @allwin. 3 місяці тому +1

    Create Videos for React + Java - Spring Boot +AWS

  • @forgottenvy
    @forgottenvy 3 місяці тому +2

    Laravel please

  • @shreyashdhanawade9872
    @shreyashdhanawade9872 3 місяці тому +1

    It's Great

  • @Honesthumanbeing
    @Honesthumanbeing 20 днів тому

    i am really confused can somebody help me how to log in into admin panel i do not know the username and password

  • @abhishekrewale03
    @abhishekrewale03 3 місяці тому +1

    Can anyone tell me why my admin not signed in

  • @MWStudiooo
    @MWStudiooo 3 місяці тому +2

    Need golang stack

  • @rishiraj2548
    @rishiraj2548 3 місяці тому

    😎🙏🏻

  • @MoinKhan_10
    @MoinKhan_10 3 місяці тому

    Amazing

  • @kabeerahmad26
    @kabeerahmad26 3 місяці тому +4

    AI can build this sort of backend in the blink of an eye i think seeing the rise of AI we should tend to learn something else MERN is overcrowded

    • @mdalmamunit427
      @mdalmamunit427 3 місяці тому +3

      Thanks for your feedback.

    • @kabeerahmad26
      @kabeerahmad26 3 місяці тому +2

      @mdalmamunit427
      It's our privilege to have instructors like you on UA-cam who devote their worthy time to teach us something worthwhile but these kinds of tutorials don't fascinate watchers anymore!!!!! It's getting outdated Man!!

    • @maxfrischdev
      @maxfrischdev 3 місяці тому +3

      While MERN is "overcrowded" and by far not "the best stack", it's still perfect to learn (full stack) web development.
      If you understand MERN and can build an application ON YOUR OWN(no tutorial anymore), you can easily always pivot to TS and next.js or which ever FOTM afterwards! 😊👍🏼

  • @toufiqmakunouchii1706
    @toufiqmakunouchii1706 Місяць тому

    nice

  • @hlse7en
    @hlse7en 2 місяці тому

    Can anyone tell me what's that Auto complete extension??

  • @fidmind-24
    @fidmind-24 14 днів тому

    My project is loafing but not showing images anyone to help me.kindly?

  • @misbahaseeb6535
    @misbahaseeb6535 2 місяці тому

    Where is code???

  • @moarx25
    @moarx25 3 місяці тому

    Why am i getting "bash: npm: command not found"?

  • @sudarshanpatekar5632
    @sudarshanpatekar5632 3 місяці тому

    1:27:25

  • @rokimondal2916
    @rokimondal2916 3 місяці тому

    file icon theme name???

  • @RAGEEcs
    @RAGEEcs 2 місяці тому +2

    why is web development so disgusting ? we need to do 100000 thing before even writing anything...... what is all this tailwind and router and vite like ???

    • @WittyFalls
      @WittyFalls 2 місяці тому

      it used to be simple but now there's just too many frameworks that i just get overwhelmed on what to learn first after learning the standard 3. 😅

    • @m4with6xx
      @m4with6xx 2 місяці тому

      I have been through this phase , believe me it's not that complicated it feels complicated in initial days

  • @BigBaddaBoom
    @BigBaddaBoom 3 місяці тому +2

    Unfortunately this course is severely mislabel. I came here for MERN, but it was really how to copy and paste everything from the internet, learn nothing, copy and paste in Javascriptxml, FailwindCSS and a bunch of other trash. Seriously disappointed. I kind of planned my weekend around this course by the title.
    Here is some advice:
    - Learn Javascript by typing it, not copy and paste from the internet.
    - Learn CSS so you can create beautiful websites that are not slowed down with a bunch of extra trash, and typing it, not copy and paste
    - Learn the MERN stack with MongoDB, Express.js, React, and Node.js
    Once you can do that, you will figure out you don't need to copy and paste everyone else's work. Retitle this video so you do not mislead others.

    • @indianlion9652
      @indianlion9652 3 місяці тому +3

      It seems like you are a beginner this course is absolutely nice for those who have knowledge of react tailwind node and express.this course is not that much advanced, it's just beginners level.

  • @aammssaamm
    @aammssaamm 3 місяці тому +1

    This is misleading. If the course is not in English, you should not use English title.

    • @maxfrischdev
      @maxfrischdev 3 місяці тому +7

      Come on, that's just mean 😅😑
      His accent is not that bad and perfectly understandable. 👍🏼
      Try to understand "singlish" (Singaporeans speaking English), suddenly Indian accent -english sounds great 😂

    • @aammssaamm
      @aammssaamm 3 місяці тому +2

      @@maxfrischdev You may want to google the amount of native English speakers vs. Earth population before typing your harassing comments.

    • @fidmind-24
      @fidmind-24 20 годин тому

      be mature ook

    • @aammssaamm
      @aammssaamm 12 годин тому

      @ Stop being a bully.

  • @geekyprogrammer4831
    @geekyprogrammer4831 3 місяці тому

    no need of such courses lol we have ai models to do them

    • @fuchimafuchima8152
      @fuchimafuchima8152 3 місяці тому +13

      good luck with that

    • @abhishekcode
      @abhishekcode 3 місяці тому +6

      All things can't be done by AI ever😅

    • @gachawings
      @gachawings 3 місяці тому +8

      Good luck broo, I wish u can review codes and everything urself 😂 with AI
      Even cursor Ai fails to do everything 😂😂

    • @Suresh-iu2tx
      @Suresh-iu2tx 3 місяці тому +8

      You can never learn anything with that attitude 😂 gud luck surviving out there

    • @Giyutomioka-m7m
      @Giyutomioka-m7m 3 місяці тому +1

      Why you live then ai can live instead of you ?😂

  • @anit3k
    @anit3k 3 місяці тому +1

    5:21:06 mine books picture and data are not showing

    • @saamsheron
      @saamsheron 2 місяці тому +1

      Same here do you got any solution?

    • @anit3k
      @anit3k 2 місяці тому +1

      @saamsheron9394 no bro, I end up doing another project

    • @saamsheron
      @saamsheron 2 місяці тому +1

      I got the error This happened cuz i didn't use `${getBaseUrl()}/api/books` but I did `${getBaseUrl}/api/books missed the function paranthesis

    • @saamsheron
      @saamsheron 2 місяці тому +1

      @@anit3k Can you share that video link

  • @odisvybz
    @odisvybz Місяць тому

    i'm getting this error "Uncaught TypeError: books.filter is not a function
    at TopSellers (TopSellers.jsx:29:81)" here => Create bookApi using RTK Query & Display Books, and it is not diplaying the books, please how do i solve this than you

  • @wiktorthecoolguy-official
    @wiktorthecoolguy-official 23 дні тому

    I hope mdalmamunit does this again since the @ rules don't work.🥴

  • @hacksark9748
    @hacksark9748 Місяць тому

    e tui ki bangali naki

  • @DenuwanKawshalya-bd5oi
    @DenuwanKawshalya-bd5oi 3 місяці тому

    Thanks a lot