React Responsive Admin Panel Tutorial | React Admin Dashboard Template Design | For Beginners

Поділитися
Вставка
  • Опубліковано 20 жов 2024

КОМЕНТАРІ • 177

  • @RAMATW2023
    @RAMATW2023 2 роки тому +27

    Followed step by step, video was 2 hours, took me two days... Good Job love it!

  • @mathis-meth4229
    @mathis-meth4229 2 роки тому +40

    learning a lot through your videos. I just have one request. Always teach through projects just like you are doing right now. I love your project based approach to teaching. Waiting for more videos from you. Subscribed and pressed the bell icon. Love your way of explaining things. Keep going :)

  • @richardvidzrakou3389
    @richardvidzrakou3389 Рік тому +3

    Building projects with small knowledge of a certain language pays us more knowledge in that language. We are waiting for more projects like this from you. I have learned a lot from your video, thank you.

  • @abdulhamid.469
    @abdulhamid.469 2 роки тому +16

    It was awesome. Sir, Please explain from basic to advance because your teaching method is so nice. Thanks

  • @dnic171
    @dnic171 Рік тому

    This is the best video on how to learn React. I started my learning journey a few days ago... This is the video that covered everything for me... Thank you...

  • @wieslawsamushonga4444
    @wieslawsamushonga4444 2 роки тому +9

    Whatever we will build next, can you please give an explanation of the entire lifecycle of a project from wireframes to designing and how you decide on the styling and views of the pages! Great Content
    Stay Beastly💪💪

    • @madmax180
      @madmax180 Рік тому

      Doing it 9 months later but this is the same i wanted to ask

  • @KarthikeyanS-f3l
    @KarthikeyanS-f3l 6 місяців тому +1

    I love it, the explanation is awesome. Thank you so much for the wonderful video sir.

  • @bikashshah6050
    @bikashshah6050 2 роки тому +21

    Please make a tutorial for adding database CRUDE operation in this project

  • @akshayraut7520
    @akshayraut7520 Рік тому

    Keep making such kind of video. The explanation while coding is superb. Keep up the good work

  • @AdnansSaeed666
    @AdnansSaeed666 4 місяці тому

    Teaching method is excellent and projects are unique!!👍👍

  • @asifimam9276
    @asifimam9276 2 роки тому

    one of the best project on youtube. awesome bro.

  • @Degamer790
    @Degamer790 Рік тому +3

    Thank you for this great tutorial - the explanation is very clear. I was wondering if we are allowed to use this project in our personal portfolios? If so, do you require attribution?

  • @abreganajohnmark5720
    @abreganajohnmark5720 Рік тому

    Life Saver!! hopefully the sidebar have functions or uses the router dom

  • @SanjayKumar-gy6ix
    @SanjayKumar-gy6ix Рік тому

    I found very much interesting and easy to understand with project practically. Thank you for sharing knowledge.

    • @ZAINKEEPSCODE
      @ZAINKEEPSCODE  Рік тому

      thanks

    • @eduardbermes
      @eduardbermes 9 місяців тому

      ​@@ZAINKEEPSCODE брат сними ролик как ты изучал английский язык, я хочу говорить на английском языке как ты, Спасибо!

  • @bbhoxe
    @bbhoxe Рік тому

    thank you so much for this awesome tutorial, the dashboard is sooo beautiful!!!

  • @unknownman5498
    @unknownman5498 2 роки тому

    this is the first video i ve watched from this channel and...wow...!!!! i am also excited for free source code... you forced me to subscribe bro ...!!!

  • @armankabir8737
    @armankabir8737 2 роки тому

    SUBSCRIBED and All Selected. Thank you brother for these awesome projects.

  • @ramadhanisadiki723
    @ramadhanisadiki723 8 місяців тому

    Umetisha sanaaa

  • @BilalMirza7
    @BilalMirza7 2 роки тому

    Hey you are truly osm keep making videos like this
    Definitely you will rock on yt
    I didn't seen this much good explanation yet on ty

  • @ripfumelomathebula5314
    @ripfumelomathebula5314 Рік тому

    Brilliant ! I really enjoyed this man thank you

  • @shoaibrehman1348
    @shoaibrehman1348 2 роки тому +1

    Great Sir thank for creating that kind of videos really helpful...

  • @jonelhatwell3959
    @jonelhatwell3959 2 роки тому +1

    i like how you explain what you doing. keep it up ⭐⭐⭐

  • @abuhanifashowrov2356
    @abuhanifashowrov2356 2 роки тому +1

    Subscribe Done... Keep sharing qualityful tutorials.... Best wishes..

  • @thatsalot3577
    @thatsalot3577 2 роки тому

    Woah extremely clean code and great explaination, Thanks for tutorial

  • @arvkr7436
    @arvkr7436 2 роки тому +1

    can you plz make guide how to redirect to different pages on clicking the sidebar menu options

  • @abuhanifashowrov2356
    @abuhanifashowrov2356 2 роки тому +1

    Great Explanation... Thanks For this awesome tutorial...

  • @NIKHIL-ch6
    @NIKHIL-ch6 2 роки тому +6

    Hats off to you, bro! Fantastic work. You've earned my sub!

  • @amardeep6088
    @amardeep6088 2 роки тому +1

    Thanks a loooooooooot !!
    just finished making that portfolio website and now excited for this one

  • @davidadewale8466
    @davidadewale8466 2 роки тому +2

    Thanks for this tutorial. I've always been a fan and I have made most of my friends subscribe here. I have a request... can you pls explain how I can go about the routers in the sidebar? This is very important
    Thanks

  • @SibusisoConnieMentalNdlovu
    @SibusisoConnieMentalNdlovu 2 роки тому

    great stuff. wish could give 1000 thumbs... u saved me

  • @tunayuzbayyelce3455
    @tunayuzbayyelce3455 2 роки тому

    I learned a lot from this video . Thanks a lot!!

  • @SarirkKarim
    @SarirkKarim 2 роки тому

    Wow I love doing your projects.

  • @hariharanmohan273
    @hariharanmohan273 2 роки тому

    really awesome, kindly teach the concept of forgot a password and reset password in MERN project

  • @mioshakt
    @mioshakt 2 роки тому +1

    Thank you so much for your react tutorial. Please make the back-end tutorial for this design

  • @SebastienPansini
    @SebastienPansini Рік тому

    Thank you for this nice Tutorial!

  • @mydhe6
    @mydhe6 Рік тому +2

    Great tutorial @ZAINKEEPSCODE. Would have been great to show how to link the sideBar to the mainDash whilst maintaining the same Dashboard view (Routes)

  • @venkter
    @venkter 2 роки тому

    rocking with designs

  • @abdulragib6004
    @abdulragib6004 Рік тому +1

    nice content bro

  • @amirgujjar1625
    @amirgujjar1625 2 роки тому

    Zain bhai The Great 👍

  • @munawar1288
    @munawar1288 Рік тому

    The video is really helped and amazing design. I thought you are doing all the menulink pages also. but sadly it is not here. Even though its worth trying.

  • @usama9525
    @usama9525 2 роки тому +1

    Kindly make complete course on web development

  • @suprathikakodi2489
    @suprathikakodi2489 7 місяців тому

    sir i liked your explanation and build the other project based on this video it helped me a lot and i want to use multiple pages can you plz help me

  • @roshannafiz8698
    @roshannafiz8698 2 роки тому +2

    Are you using React Router in this video ???

  • @mcdthedev
    @mcdthedev 2 роки тому

    this is lovely work Sir

  • @karankinholkar3511
    @karankinholkar3511 2 роки тому

    Nice it was fantastic of work. I Like very much. .

  • @JJ-ot3ps
    @JJ-ot3ps 2 роки тому +2

    hi nice video! just wondering how to connect the admin panel to project's backend and frontend?

  • @claudionevesvideomaker3945
    @claudionevesvideomaker3945 2 роки тому

    very well, I liked everything

  • @raidhamidal-qurtas5447
    @raidhamidal-qurtas5447 2 роки тому

    Awesomely masterpiece ... wishing to brand similar approach in sharepoint

  • @Nsutradhar
    @Nsutradhar 2 роки тому

    Sir please make an another video for back-end for this same project..
    I really learn a lot from your tutorial. 🔥

    • @ZAINKEEPSCODE
      @ZAINKEEPSCODE  2 роки тому +2

      Sure. Next part is coming very soon...

  • @softmerit25
    @softmerit25 2 роки тому +4

    Amazing tutorials. Thanks a bunch. Can you implement React Route, Router on sidebar pages of this project?
    Thanks

  • @HappyMoments004
    @HappyMoments004 7 місяців тому

    After typing yarn start it shows react scripts is not recognised as an internal or external command,operable program or batch file..

  • @sarangkkl214
    @sarangkkl214 2 роки тому +1

    Wonderful work done by you keep it up

  • @MRTN589
    @MRTN589 2 роки тому +3

    Buen tutorial, clara explicación.

  • @cuocsongdongvat
    @cuocsongdongvat 2 роки тому

    Thanks you sir . great video!

  • @awaraamin6850
    @awaraamin6850 Рік тому

    Great job, please add point of sell (POS) to it. Thank you

  • @Salladoretz
    @Salladoretz 2 роки тому

    Thank you! Very useful!

  • @meeraraj2163
    @meeraraj2163 2 роки тому

    I have implemented the grid-template-columns: 11rem auto 20rem; but the output is not same as yours. Spent hours but couldn't figure out. My sidebar is taking more than half of the page.

  • @dancewithArya2
    @dancewithArya2 5 місяців тому

    At 15:20 of this video when I'm doing the same after 100 times check up, why is it showing an error in App.js while adding components of Sidebar?

  • @ritikarora9207
    @ritikarora9207 Рік тому

    how can i make the headings in sidebar as links to open some certain links when clicked upon

  • @MuneebR7
    @MuneebR7 2 роки тому +1

    Good Work Zain..

  • @onwukarosariow1607
    @onwukarosariow1607 2 роки тому

    i tried using the code from your github and i typed in yarn start in the terminal in the project directory but its not working
    its looking for a license key in your package.json...need help!!!

  • @learnfronteasy9642
    @learnfronteasy9642 2 роки тому

    that was amazing...thank you a lot

  • @TechnoBhaiyaa
    @TechnoBhaiyaa 2 роки тому +1

    Bro how to make whising scripts using JavaScript plz make video

  • @AbhaySingh-df9ib
    @AbhaySingh-df9ib Рік тому

    You are doning very well

  • @wepsitedeveloper
    @wepsitedeveloper Рік тому

    I Really like that !

  • @malikforz9490
    @malikforz9490 2 роки тому

    thank you so mush for the video , but just a questions , how come you are so good with css ? how did you learn it like this

    • @ZAINKEEPSCODE
      @ZAINKEEPSCODE  2 роки тому +1

      Practice

    • @malikforz9490
      @malikforz9490 2 роки тому

      @@ZAINKEEPSCODE haha thanks , will do ! also another question please , so the data that we will show in those charts . technicaly you will retrieve them from the backend to the Data.js file right ?

  • @teejay2463
    @teejay2463 2 роки тому +1

    Please what extensions do you use?

  • @VascoOliveira-d5e
    @VascoOliveira-d5e Рік тому

    Hello Zain, I'm trying to make an API call and display it in the barValue and value parameters inside const CardsData. How can I do it? Awesome video btw! Thank you!

  • @wandersonsilva2262
    @wandersonsilva2262 Рік тому

    Hello, thanks for the great tutorial. I was wandering if there is a way to add a pie chart in the dashboard. How to achieve that?

  • @ertuntunyadav297
    @ertuntunyadav297 2 роки тому +1

    npm ERR! react-circular-progressbar@"^2.0.4" from the root project
    how to solve this problem bro

  • @laurathay9521
    @laurathay9521 2 роки тому +1

    Hello there I got stuck on when I wanted to insert the line they say Uncaught TypeError: Cannot call a class as a function
    could you please help me ? I imported the package it just crashes when I click on the card, any ideas what it could come from ?

    • @ZAINKEEPSCODE
      @ZAINKEEPSCODE  2 роки тому

      Unable to get your point!
      You can contact on Instagram for query related to tutorial

    • @aqeelsiddique3471
      @aqeelsiddique3471 2 роки тому

      same issue

  • @Bunny-tj5gr
    @Bunny-tj5gr 2 роки тому +3

    Sir Kindly Explain Basic To Advance.

  • @AbhaySingh-df9ib
    @AbhaySingh-df9ib Рік тому

    Please also make a video tutorial for sidebar route. How we can route those sidebar links Please that will be help me a lot. Please

  • @ahtimon3980
    @ahtimon3980 2 роки тому

    Friend, what should I do with the backend? Via React too?

  • @aqeelsiddique3471
    @aqeelsiddique3471 2 роки тому

    it amazing but one problem when this line code add ( ) this graph not show plz hlp ...😔

  • @aqeelsiddique3471
    @aqeelsiddique3471 2 роки тому

    Thanku sir ! Awesome

  • @mthcreativeworld5049
    @mthcreativeworld5049 2 роки тому

    Just Awesome, Thank a lot

  • @muahandneyma5975
    @muahandneyma5975 2 роки тому

    great work

  • @eulo69
    @eulo69 2 роки тому

    Bro, how to transfer into another page from the sidebar button

  • @vundelasivaramireddy7786
    @vundelasivaramireddy7786 2 роки тому +1

    U r amazing 👏👏

  • @leandrohenrique6056
    @leandrohenrique6056 Рік тому

    Amazing

  • @NsuhoreiedemEkpenyong-vw8he

    How can tailwindcss be used to achieve this design?

  • @hananeAS98
    @hananeAS98 Рік тому

    wooow

  • @reworxa6138
    @reworxa6138 2 роки тому

    Can you tell me which vscode theme you are using ?

  • @vivekgupta309
    @vivekgupta309 2 роки тому +1

    very nice, everything crisp and clean !!!

  • @tolunayemre2060
    @tolunayemre2060 2 роки тому

    Hello there. What is the theme and font family you are using vscode? Thx

  • @bhuvii406
    @bhuvii406 2 роки тому

    hey there! there is an error showing "package.json: No license field"when i try to run the script using yarn ,what should i do now?

  • @pratikjagtap3588
    @pratikjagtap3588 Рік тому

    what is jsx code of .close class of sidebar.css

  • @ronnykn2108
    @ronnykn2108 2 роки тому

    Nice video bro, can u make react with (real) API data (FIlm dbase maybe )? thank you, have a good day

  • @netgame365
    @netgame365 2 роки тому

    Thank you Bro. Please, build landing page with chakra ui

  • @depanama6281
    @depanama6281 2 роки тому

    hi, please sir may you make the link to your sidebar ? with map i'm not able to do that Thanks

  • @AbdoulAEBE
    @AbdoulAEBE 2 роки тому

    thank you very much

  • @singmantkpss
    @singmantkpss 2 роки тому

    WoW

  • @chillheat9452
    @chillheat9452 2 роки тому

    awesome

  • @Mr.saifali06
    @Mr.saifali06 Рік тому

    Please make a backend tutorial 😊

  • @jw200
    @jw200 2 роки тому

    8:24 i never get any text on screen.
    why?

  • @mohammadhamzahakim6929
    @mohammadhamzahakim6929 2 роки тому

    Sir Kindly give us the beckend of this materpiece in mern stack

  • @asifimam9276
    @asifimam9276 2 роки тому

    will you please make a blog website with this design language in mern Stack. that will be awesome.

    • @annie-w4e
      @annie-w4e 2 роки тому

      Questions can come in⬆️

  • @talhabinkhurram8623
    @talhabinkhurram8623 2 роки тому

    Can we make complete MERN app like inventory management or any other system?

    • @annie-w4e
      @annie-w4e 2 роки тому

      Questions can come in⬆️

  • @kingslayerabirrion8856
    @kingslayerabirrion8856 2 роки тому +1

    Which theme you are using???