React Responsive Admin Panel Tutorial | React Admin Dashboard Template Design | For Beginners
HTML-код
- Опубликовано: 16 апр 2022
- In this tutorial, you will learn how to make beautiful and responsive admin dashboard in Reactjs. We will use React hooks, apexcharts, motion-framer, modern css and many more from scratch during the development of this admin panel.
Repositories:
Starter: github.com/ZainRk/Dashboard-s...
Source Code: github.com/ZainRk/React-Admin...
"Copyright Disclaimer under Section 107 of the copyright act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use."
INSTAGRAM : @zainkeepsocde
/ zainkeepscode
TWITTER : @TalhaNk2
/ talhank2
Followed step by step, video was 2 hours, took me two days... Good Job love it!
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 :)
Thanks for your support!
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.
It was awesome. Sir, Please explain from basic to advance because your teaching method is so nice. Thanks
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...
Keep making such kind of video. The explanation while coding is superb. Keep up the good work
one of the best project on youtube. awesome bro.
I love it, the explanation is awesome. Thank you so much for the wonderful video sir.
Great Explanation... Thanks For this awesome tutorial...
thank you so much for this awesome tutorial, the dashboard is sooo beautiful!!!
Woah extremely clean code and great explaination, Thanks for tutorial
Brilliant ! I really enjoyed this man thank you
SUBSCRIBED and All Selected. Thank you brother for these awesome projects.
Hats off to you, bro! Fantastic work. You've earned my sub!
Thanks! Keep learning 😊
Teaching method is excellent and projects are unique!!👍👍
Buen tutorial, clara explicación.
I learned a lot from this video . Thanks a lot!!
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💪💪
Doing it 9 months later but this is the same i wanted to ask
Wow I love doing your projects.
Thanks a loooooooooot !!
just finished making that portfolio website and now excited for this one
Glad to hear 😊
rocking with designs
great stuff. wish could give 1000 thumbs... u saved me
Thank you for this nice Tutorial!
Awesomely masterpiece ... wishing to brand similar approach in sharepoint
Great Sir thank for creating that kind of videos really helpful...
Glad to hear
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
Thank you, I will
Wonderful work done by you keep it up
Thanks
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 ...!!!
Thanks for your support!
that was amazing...thank you a lot
i like how you explain what you doing. keep it up ⭐⭐⭐
Glad you like the content ❣️
this is lovely work Sir
Thank you! Very useful!
Thanks you sir . great video!
Umetisha sanaaa
Life Saver!! hopefully the sidebar have functions or uses the router dom
very well, I liked everything
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?
Thank you so much for your react tutorial. Please make the back-end tutorial for this design
nice content bro
Zain bhai The Great 👍
Just Awesome, Thank a lot
Glad you liked it!
Thanku sir ! Awesome
I Really like that !
great work
really awesome, kindly teach the concept of forgot a password and reset password in MERN project
Nice it was fantastic of work. I Like very much. .
Happy you liked it.
I found very much interesting and easy to understand with project practically. Thank you for sharing knowledge.
thanks
@@ZAINKEEPSCODE брат сними ролик как ты изучал английский язык, я хочу говорить на английском языке как ты, Спасибо!
Amazing
You are doning very well
awesome
Subscribe Done... Keep sharing qualityful tutorials.... Best wishes..
Thanks for your support ❤️
Good Work Zain..
Great tutorial @ZAINKEEPSCODE. Would have been great to show how to link the sideBar to the mainDash whilst maintaining the same Dashboard view (Routes)
exactly thats what i was waiting..!
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
very nice, everything crisp and clean !!!
Thanks a lot!
U r amazing 👏👏
Thank you! Cheers!
ey bro, thanks.
thank you very much
WoW
Please make a tutorial for adding database CRUDE operation in this project
Kindly make complete course on web development
Wow
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?
can you plz make guide how to redirect to different pages on clicking the sidebar menu options
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.
THANKS A LOT
Always welcome
cool
Great job, please add point of sell (POS) to it. Thank you
good
Thank you Bro. Please, build landing page with chakra ui
wooow
Sir please make an another video for back-end for this same project..
I really learn a lot from your tutorial. 🔥
Sure. Next part is coming very soon...
Amazing tutorials. Thanks a bunch. Can you implement React Route, Router on sidebar pages of this project?
Thanks
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!
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.
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
Nice video bro, can u make react with (real) API data (FIlm dbase maybe )? thank you, have a good day
Hello there. What is the theme and font family you are using vscode? Thx
Friend, what should I do with the backend? Via React too?
Sir Kindly Explain Basic To Advance.
Please make a backend tutorial 😊
how can i make the headings in sidebar as links to open some certain links when clicked upon
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
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!!!
Can you tell me which vscode theme you are using ?
good💓❤💓❤💓❤💓❤💓💙
Plz make some more interesting projects on React js
Please what extensions do you use?
Bro how to make whising scripts using JavaScript plz make video
hi nice video! just wondering how to connect the admin panel to project's backend and frontend?
What are you using for your backend?
hi, please sir may you make the link to your sidebar ? with map i'm not able to do that Thanks
Are you using React Router in this video ???
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?
npm ERR! react-circular-progressbar@"^2.0.4" from the root project
how to solve this problem bro
After typing yarn start it shows react scripts is not recognised as an internal or external command,operable program or batch file..
it amazing but one problem when this line code add ( ) this graph not show plz hlp ...😔
Bro, how to transfer into another page from the sidebar button
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
Practice
@@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 ?
How can tailwindcss be used to achieve this design?
Please make functionality work