Responsive Dashboard with Dark Mode Switch | HTML, CSS, Chart JS
Автор: QCT
Загружено: 2022-03-30
Просмотров: 6792
Learn how to create a complete responsive dashboard design with dark mode toggle switch, and primary color selection
Original Design By Alberto Macherelli:
https://dribbble.com/shots/16346216-S...
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/...
What you will learn:
How to-
-Create a responsive sidebar and navbar
-Create a responsive dashboard design from scratch with HTML, CSS & JS
-Setup a dark/light mode toggle switch for the dashboard
-Setup a primary color select menu for the dashboard
-Add a simple chart using Chart JS
-Create different types of panels and UI elements for the dashboard
-Make sleek hover animations using CSS
-And much more...
Project Dependencies:
=====================
Font Awesome:
https://fontawesome.com
Google Fonts:
https://fontawesome.com
Chart JS:
https://www.chartjs.org
Image Files:
https://drive.google.com/drive/folder...
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.
Extra Links:
-----------------
Follow me on Instagram:
/ quickcodingtuts
My Products:
https://www.buymeacoffee.com/webcode/...
Support Me To Keep Creating And Improving My Content:
https://www.buymeacoffee.com/webcode/
Tags:
-----------------
#dashboard
#javascript
#html
responsive dashboard design from scratch
html css dashboard
dark mode dashboard
css variables theme switch
full dashboard website development frontend
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: