React Admin Dashboard Tutorial | Responsive React Admin Panel UI Design Course

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 208

  • @canaldogrifonoia1338
    @canaldogrifonoia1338 11 месяцев назад +12

    As a junior web developer, I've been working with Laravel/Blade for about 10 months, and I'm absolutely in love with React! The component functions are simply amazing. I enjoyed every second of the tutorial! Thanks!

  • @xcrxwadda8287
    @xcrxwadda8287 Год назад +38

    Even if am already a fullstack dev, Lama is always sick🔥🔥 This Content is legit and topnotch

  • @barskayhan2691
    @barskayhan2691 Год назад +34

    As a full stack developer, I admire your determination lamadev. This content is really helpful. Even though startups usually buy templates, thank you for teaching people how to build a modern admin panel.

  • @obinnailoanya8730
    @obinnailoanya8730 Год назад +4

    This is not just a great tutorial, ITS A PERFECT TUTORIAL...... i knew i made the right choie when i subscribed to this chanel, I have 4+ years experience but i still watch your tutorials. Big ups sir and God bless you for all you do

  • @cjfong425
    @cjfong425 Год назад +4

    Can't understate this... This video is absolutely amazing! Love the detail and flow. So easy to follow along and learning so much.

  • @tazheebshamsi
    @tazheebshamsi Год назад +7

    As a full stack developer, I admire your determination @LamaDev. This content is really helpful. thank you for teaching how to build a modern admin panel. I request you to please make video using mySql as Database and link this Frontend to backend
    Eagerly waiting for it..

    • @zakmnmoh
      @zakmnmoh Год назад +4

      Yes. Expecting him to do this dashboard with mySql data tables...wonderful explanation

    • @NaveenChaganti-r4n
      @NaveenChaganti-r4n Год назад +1

      Have u done this project

  • @obiedajehad6601
    @obiedajehad6601 Год назад +4

    "Hello friends" , It are beatiful words from you , Thx a lot man for your efforts and time , you are amazing 😍😍😍😍💓

  • @nahidzen2295
    @nahidzen2295 Год назад +2

    This is amazing, this project gona boot my Front-end skills to the next level. Thanks lama❤

  • @hayttlesds
    @hayttlesds Год назад +1

    Very nice explanation. As a beginner dev, I have learned a lot with theses tutorials. Thanks a lot.

  • @crissatrapi3933
    @crissatrapi3933 Год назад

    Omg, now I spent 15 minutes looking at my Totoro, thank you Lama Dev🤣

  • @xXXn4VYxVorT3pxXx4voN4vY4XXx
    @xXXn4VYxVorT3pxXx4voN4vY4XXx Год назад

    Great video. I thought React is something difficult and impossible for me, but this video proved it wrong.

  • @kealebogakmosate5600
    @kealebogakmosate5600 Год назад

    Lama is fire man! Just wish I could meet him one day 😢 ! The guy is legit and skilled!

  • @sunnatzokirjonov2506
    @sunnatzokirjonov2506 Год назад

    Lama we have not saw you yet, but you are awasome programmer😊❤

  • @tonyvito5062
    @tonyvito5062 Год назад +3

    Nice tutorial LamaDev man I love your content , can you please please make a tutorial about protecting route? I can't find any tutorial on this topic

  • @hood_love_189
    @hood_love_189 Год назад

    i had some trouble with width on 2nd container not being responsive but fixed it, overall thank you for using sass and typescript, you did 100%

    • @SaddamHossain-zi2fl
      @SaddamHossain-zi2fl 11 месяцев назад

      i am also having this responsive issue. can you please tell me about this fix??

  • @asfandyar8088
    @asfandyar8088 Год назад

    Lama Man who are you. Who r u. Great I have no words to describe feelings. Great project like always❤❤❤❤

  • @techiful6613
    @techiful6613 Год назад

    This is a really cool project, Thank you @Lamadev. I've challenge myself and added a REST API. Integrated SQL db using nodejs and Prisma ORM. Works like a charm. Also CRUD operations.

    • @NaveenChaganti-r4n
      @NaveenChaganti-r4n Год назад

      Have u done this project

    • @techiful6613
      @techiful6613 Год назад

      @@NaveenChaganti-r4n yes, I've added REST API, axios and two Prisma model for users and products. With that I did CRUD operations on those tables From the UI lama provided.

  • @Metovski
    @Metovski Год назад +8

    I wonder if it will be linked to a site with its functionality made? nice project by the way

  • @passella
    @passella Год назад

    Thank you for this helpful video tutorial. I appreciate that you shared your knowledge and skills for free, while many others charge for it. You are very generous and talented.

  • @iwmatt
    @iwmatt Год назад

    ty for video brather, i have full relax when I listen to your explanations

  • @aaaryanpatel
    @aaaryanpatel Год назад

    I am waiting this for a long time... 🙌🏻

  • @mohitcodeswell
    @mohitcodeswell Год назад +1

    Omg that's sick lama!!!

  • @Xashaan
    @Xashaan Год назад

    Finish! thanks for the tuto lama !

  • @dcy4063
    @dcy4063 Год назад

    the Man, the myth, the legend posted some new fire

  • @mehrdad1068
    @mehrdad1068 Год назад

    I appreciate all the content you put out

  • @muzafferyasinyildirim9976
    @muzafferyasinyildirim9976 Год назад

    Şafak Abi Adamsınnn :) Teşekkür Ederiz Abicim..

  • @kenechukwuokoh1014
    @kenechukwuokoh1014 Год назад

    This is powerful. Thanks LamaDev🔥🔥🔥

  • @hood_love_189
    @hood_love_189 Год назад

    I guess this is where my back-end journey begins lol

  • @sanfranciscotribe9345
    @sanfranciscotribe9345 Год назад

    Great project for people to learn and starting growing their skills!

  • @ZahidHussain-hj2dk
    @ZahidHussain-hj2dk Год назад

    Always eagerly waiting for your videos sir ....keep shining 🌟

  • @mohdali-yq8gq
    @mohdali-yq8gq Год назад

    Truly captivated by your exceptional teaching skills displayed in your latest video. Your dedication to providing comprehensive and precise implementation strategies has made us ardent fans. Particularly, the current video on Dashboard is amassing when it comes to real Dashboard creation and very eagerly awaiting your next video of the backend part of the same Admin Dashboard. Thanks SIR.

  • @deumolo
    @deumolo Год назад

    As soon as finish the fiverr project i will be doing this.
    Thanks for everything, brother.

  • @sensational3771
    @sensational3771 Год назад

    My best teacher Lamaaaa!

  • @Razes9ooo474lO4
    @Razes9ooo474lO4 Год назад

    A real Teacher...

  • @prashlovessamosa
    @prashlovessamosa Год назад

    I love vite thank you for considering vite as development environment.

  • @AL-BADEEI.THousepk
    @AL-BADEEI.THousepk Год назад +1

    Simply the Awesome

  • @FXSerdar
    @FXSerdar 4 месяца назад

    Thank you, it was a nice best practice.

  • @stevenoketch6950
    @stevenoketch6950 Год назад

    You're not slowing down 😂, this is your year buddy

  • @Sch0LarY
    @Sch0LarY Год назад

    this guy doesn't miss 😭😭😭😭

  • @amrmashaal834
    @amrmashaal834 Год назад +1

    thank you for this awesome project💕💕💕

  • @timothyknapp3390
    @timothyknapp3390 Год назад

    Spectacular as always.... Next project. A gradebook for teachers with student view and login?

  • @okiroroobrutheanagho8779
    @okiroroobrutheanagho8779 Год назад

    I always recommend Lama

  • @PaggeOnee
    @PaggeOnee Год назад

    Thank you, it has been very helpful to me

  • @csyokesh.s2131
    @csyokesh.s2131 Год назад

    Amazing react tutorial Mr lama thank you.

  • @zubaydullookhunboboev8576
    @zubaydullookhunboboev8576 Год назад

    Great project and tutorial. I love your teaching technique.

  • @msalameh01
    @msalameh01 Год назад

    excellent as usual. Many thanks.

  • @Borzokhan
    @Borzokhan Год назад

    very nice tutorial
    thanks lama

  • @Borzokhan
    @Borzokhan Год назад

    so perfect project . thank you . please study more project with vanilla js and react .

  • @engkunasya
    @engkunasya Год назад

    Highly suggest to rename the path for the*single* < Product > or < User > element withOUT `s`. /user/:id or /product/:id

    • @engkunasya
      @engkunasya Год назад

      The naming folder and file may lead to headache and confusion to find specific bug, but overall you kill it !

  • @faaizalam235
    @faaizalam235 Год назад

    Thank you very much for making such a great project

  • @soukphasonedouangpanya2540
    @soukphasonedouangpanya2540 Год назад

    fantastic!!! Thank you so much

  • @Banan7280
    @Banan7280 Год назад

    Very good content! Thanks a lot!!!

  • @harunhatiboglu
    @harunhatiboglu Год назад

    Thank you for this great video

  • @tonytworobes
    @tonytworobes Год назад +3

    It would be nice if you utilized TypeScript more and also used Tailwind now that you have tutorials for both. It would be like a course were you're building off prior tutorials.

  • @abcdrk
    @abcdrk Год назад

    I really wish that there was another tutorial continuing on this one and addin user auth, login, logout etc.

  • @aravindthiraviam4676
    @aravindthiraviam4676 Год назад +1

    Thanks alot for your awesome content Lama. Can you please do a video on Expense tracker App with React-Native.

  • @nayemalifahim6701
    @nayemalifahim6701 9 месяцев назад +1

    make backend for this admin dashboard

  • @humbertojunior2627
    @humbertojunior2627 Год назад

    Awesome! Thanks!

  • @sharookhahmed
    @sharookhahmed Год назад

    Great Tutorial.

  • @nooberburner8691
    @nooberburner8691 Год назад

    can anyone help at 2:20:14 i did as showen in this video but when i click send to send data to api it's throwing me an error which is :
    MUI: The data grid component requires all rows to have a unique `id` property.
    Alternatively, you can use the `getRowId` prop to specify a custom id for each row.
    A row was provided without id in the rows prop:
    {}
    i don't know how to solve this problem.
    and i am using "js" instead of "tsx" and "npm". please help

  • @DevRohan-w4s
    @DevRohan-w4s Год назад +2

    I have learned a lot from you. Please show us a full-stack project using Vuejs on the front end and Nestjs on the back end.

  • @miracylmaz4428
    @miracylmaz4428 Год назад

    eyvallah safak agabey.

  • @98parth
    @98parth Год назад

    Hey Lama!! I learn a ton from these, thanks😄. Next would you do a fullstack "Project management app" with nextJS and node? I really would love to see your take on that.

  • @Mr.MaxaaCusub
    @Mr.MaxaaCusub Год назад +3

    thank you for the tutorial! It was incredibly helpful and well-explained. Can I use the same method you've shown in this tutorial to deploy a Next.js 13 app with Prisma?

  • @abcdrk
    @abcdrk Год назад

    What shortcut does he use at 7:22 to change all "Home" to "Users"? Also what extension does he use at 5:44 where he writes "rafce" and a new react component is initialized automatically?

    • @agapeinfosys9391
      @agapeinfosys9391 Год назад +1

      put the cursor at the text, press ctrl + shift + L, there you go. the next Q. i forgot its function name, but i belive vscode has the features. it is like using short hand, eg. if you want to type font-size: 20px you can type fz20 and hit enter key.

  • @kenankaragoz1920
    @kenankaragoz1920 Месяц назад

    helal olsun sana kardeşim

  • @adiabajacob9189
    @adiabajacob9189 Год назад

    God bless you for providing all these content for free. can you do a voting app mern stack. thank you

  • @graflaszlo
    @graflaszlo Год назад

    I have found usefull this presentation. It would be nice if you could do a new video, also with SASS, about creating a one-week calendar (hours as rows and days as columns) :-)

  • @jamesrussell-ui6gd
    @jamesrussell-ui6gd Год назад

    amazing stuff

  • @go_lang_thang
    @go_lang_thang Год назад

    nice sư bro. Keep it up hé

  • @sdsumonto2350
    @sdsumonto2350 10 месяцев назад

    Just wow!

  • @manishkatiyar2403
    @manishkatiyar2403 Год назад

    Amazing content

  • @roshan_24
    @roshan_24 Год назад

    Thank you ❤

  • @hood_love_189
    @hood_love_189 Год назад +1

    did anybody encounter a problem with icons not showing up when we create user or product ? and go to style user and product ?

  • @zakmnmoh
    @zakmnmoh Год назад +2

    Hi Lama,
    It is awesome design, but How to make the numbers on the dashboard dynamic to the underlying data?
    Sum of:
    Total Products:
    Total Users:
    Total Ratio:
    Mobile: 400
    Desktop:300
    Laptop:300
    Tablet:200

  • @jeewangiri7000
    @jeewangiri7000 5 месяцев назад

    really awesome project with clear concept. i completely done this but when i want to add this in my github repo it want permission why

  • @LekkyDev
    @LekkyDev Год назад

    Great tutorial.
    The only missing thing is that the forms data cannot be submitted to the api.
    HandleSubmit does not work. You cannot add a new user or new product directly with the form.
    Or am I missing something?

  • @ritahung4470
    @ritahung4470 Год назад

    how to know use slotProps and slots can get searchbar at1:26:39?

  • @GeitodyuCrusoe
    @GeitodyuCrusoe 7 месяцев назад

    For some reason the grid template is taking portion of the available home space, giving the boxes unequal sizes

  • @kylegab4446
    @kylegab4446 10 месяцев назад

    From that admin dashboard tutorial, can you also do the login/register authentication?

  • @vishnun7769
    @vishnun7769 Год назад

    This is awesome.. but can you please do a video for sidebar menu with multiple children menus on click toggle? means menu inside a menu item and then inside that... like that...

  • @AxxionMarketPlace-iu6ri
    @AxxionMarketPlace-iu6ri Год назад

    Thank you

  • @gümrahsindar
    @gümrahsindar Год назад

    Harika 👏

  • @jacobhollakitan3807
    @jacobhollakitan3807 Год назад

    Thank you Lama for great videos
    I am anticipating react native videos too sir
    God bless you sir

  • @ferdinandeke9590
    @ferdinandeke9590 Год назад +1

    Hi Lama! Thanks so much for this. I've been using Vite ever since I started seeing how faster it is in compiling files and I really love it but then I thinks there's a bit of bug on it as a page I was working on that had a token on it with a "period" in this token, and due to this "period" on the url, it refused to load that page. But each time I removed every "period" on it, it loaded... So please I'd love to know if there's a fix for this cos it really inconveniences some functionalities especially authentication related pages

  • @colorful_nature_4131
    @colorful_nature_4131 Год назад +1

    hi sir if you add login and registration it will be awesome

  • @FREESOUL7602
    @FREESOUL7602 11 месяцев назад

    Thank you so much for your amazing job. I have a question: Where are the Navbar icons coming from? When we call i.e. "/notifications.svg" in the Navbar.tsx file , it displays a bell icon. Where does it come from? Is it in a folder in our project or is it online? Is it from Material UI ?

  • @udeshmudhigonda1010
    @udeshmudhigonda1010 Год назад

    @Author - Could you please provide a guide video on login module for react admin and editing the items on users/products/orders etc.. it would be more helpful

  • @yazankhwaireh7009
    @yazankhwaireh7009 Год назад

    This is so FUCKING SICK !

  • @mojia4018
    @mojia4018 Год назад

    when i change a name in backend i should re run it to see the changes in UI but when you change the name it changes in real time in UI? how's that?

  • @jaeen7665
    @jaeen7665 Год назад +5

    Yo, you move way to fast, if I look away from the screen for even a few seconds, I'm already two folders/files behind. Just seven minutes into the video and had to stop at least a dozen times to try to figure out where you were. Not good.

  • @businessuser5146
    @businessuser5146 Год назад +1

    Please make this a mern stack project
    Not just fe

  • @theangelofspace155
    @theangelofspace155 Год назад +1

    Just started but I expect high quality like always, I just dont like regular css file I would had loved to see tailwind

    • @Irfandeva
      @Irfandeva Год назад

      Css is always the best option, with tailwind you have to write too much of inline crap.

  • @PlanetSachin
    @PlanetSachin Год назад

    Love you sir

  • @arielwilka8143
    @arielwilka8143 Год назад

    i hope you can make a fullstack video (backend+database+frontend). thanks

  • @bashardev
    @bashardev Год назад

    Thanks a lot. Can you do a fullstack Typescript project please.

  • @kashmirtechtv2948
    @kashmirtechtv2948 Год назад

    You are using values in px then still how do you manage responsiveness?

  • @codewithnadeem
    @codewithnadeem Год назад

    One Request
    make an E commerce project & connect with this admin project this will be good project

  • @life_mastery_
    @life_mastery_ Год назад

    Hey lama dev, thanks for videos.i have a question that crosses my mind and it's kinda lost part of puzzle piece of my dev skills, how can I code my app to be usable in case od admin and accessing to admin dashboard and also usable for regular clients that will have their own permissions and not allowed to direct admin. I seek help, thanks for answer❤

  • @jordanhenderson8396
    @jordanhenderson8396 Год назад

    Could you make backend side thank you man but this amazing