Build React Admin Dashboard with Multiple Themes | React Admin Panel CSS | ReactJS

Build React Admin Dashboard with Multiple Themes | React Admin Panel CSS | ReactJS

In this video, we will Build React Admin Dashboard with Multiple Themes.

Don't forget to click the like button and share the video with your friends if you found the video useful.

Make sure to SUBSCRIBE for more AWESOME video just like this one !

---------- CONTACT ----------

---------- SOURCE CODE ----------

---------- RESOURCE ----------

---------- TIMESTAMP --------

00:00 - Demo
00:53 - Setup project
04:23 - Make Layout
07:34 - Make Routes
08:43 - Make Sidebar
10:59 - Import Font
11:40 - Reset CSS
13:50 - Update Layout
14:56 - Update Sidebar
24:43 - Make Topnav
29:30 - Make Dropdown
49:30 - Make Dashboard page
51:00 - Make Status Card
59:51 - Add Apexcharts
01:04:53 - Make Table
01:16:02 - Make Badge
01:20:30 - Make Customers page
01:24:30 - Update Pagination for Table
01:35:04 - Setup Themes
01:37:04 - Make Themes select component
01:52:33 - Setup Redux to Manage Themes State
02:03:49 - Update Darkmode to Apexcharts

---------- MORE AWESOME VIDEOS ----------

---------- MUSIC ----------

Song: Extenz - Summer Memories
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

Song: Hotham - Distant
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

Song: Luke Bergs - Feel Love
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported

Song: Vendredi - Good Love
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

--------------------------

#tuattrananh #React #ReactJS #HTML #CSS #JavaScript #Ecommerce #slider #responsive #Darkmode #landingpage #landing #admin #panel #dashboard #ReactAdmin #ReactAdminPanel #ReactAdminDashboard #Redux #react-redux #react-hook #reacthooks #hooks #router #react-router #react-router-dom #Apexcharts #react-apexcharts

[ruoitrau_gaming_]

Đúng lúc đang cần cho my project. Chưa coi, nhưng từ hôm nay sẽ cày theo để làm cho xong trang admin. Hi vọng có hướng dẫn kĩ phần đổ data từ db lên :))

[kelvinmutema]

I tried following your video in 2022 and the switch is no longer working so I replaced it with Routes but the code is compiling successfully but no output is showing

[jayeolaolamidechristiana]

Please, I didn't understand what you were doing at the beginning of the video. Can you explain more on that especially the terminal part to create the logo. Thank you.

[luantran]

Quá đẳng cấp, e mới học tới JS, e sẽ cố gắng học thêm và học React. Mong 1 ngày gần nhất sẽ làm được project này của a. Giờ e đọc chưa thể hiểu đc

[vdingding]

Greate no words.
Please add collapsible and expand feature for left side bar menu for mobile view

[vishalgupta-wpsy]

Please make it also mobile responsive if possible . Overall content is useful

[NomanKhan-pidc]

This channel has the best quality content for starters in react

[ahmedrana]

Hi, can you make a tutorial to make this responsive?

[farajmbilinyi]

I need to link with the login this dashboard but a failed so a need help for anyone

[jairosebastianjimeneztabor]

Thank you very much for the video, it is excellent, I have a doubt how I could organize the login, since when I create it it is superimposed on the layout, what way is there to put it as the home page and redirect to the layaout?

[happinin]

Thank you so so much!
I followed your video from start to end! Best react dashboard video ever and awesome styling skills!

I needed a new dashboard layout for my project as my current one was not cutting it. I was easily able to integrate your code with my current system and I have my own new dashboard! There is so much I can do with this, thank you so much! I have learned a lot from your video. I hope you don't mind me pinching some of your code lol

[danielchochlinski]

can i use it with next js? or major changes needed?

[edycole]

wait for next tutorial JavaScript, React, and React Native, thanks

[kannanpsg]

Nice work ya...keep doing Tuat Tran Anh..

[xcode]

1:35:00 đoạn đặt class theme-mode-dark đó là để thay đổi màu của mấy biến đó đúng ko a. em viết bằng scss thì lại ko ăn giờ phải làm sao anh.

[CharaTech]

Hello friend, nice tutorial there. When do you intend to finish it up? Or do you have the complete project? I'm ready to buy it just to learn through the entire coding system.

[nkosikhonamngoma]

Hi, I thank you for your tutorial. I went ahead and added a login page but somehow the styling is being overriden by the dashboard's original style and the top and side nav bar are also showing on the login page. How can I fix it without messing up the dashboard?

[onuryildirim]

Hello, I think it will be better if you use ceil instead of floor while paginating the table, thank you for your effort.

[webpro]

Keep up the good work, you just gained a subscriber !!!

[abc_cba]

Can you please tell me which all npm packages should I download for this source code to work ?
I want to see how this template looks like.
Please, help.

Best wishes.