Responsive Dashboard with Sidebar & Dark Mode in React & Tailwind CSS
In this video, I am building a responsive Dashboard with sidebar navigation and dark mode, from scratch in React and Tailwind CSS.
Tailwind CSS Installation Guide:
https://tailwindcss.com/docs/installa...
Tailwind CSS Dark mode doc:
https://tailwindcss.com/docs/dark-mod...
Related Videos:
• How to Install Tailwind CSS in vite React...
• Responsive Navbar using Tailwind CSS in React
• Tailwind CSS Forms with Validations in Rea...
Please leave your queries in the comments.
0:00 - Intro
0:30 - React Vite app setup with Tailwind CSS
2:30 - Project Plan
3:54 - Top Responsive Navbar
7:09 - Responsive Sidebar Layout
11:36 - Responsive Sidebar Content
17:05 - Main Content Grid Layout
19:44 - Implementing Dark Mode
For one on one session or Project, Reach out here:
https://www.fiverr.com/s/8zE64Bg
Reach out to me:
https://shankeyraheja.com