Student Reviews
( 5 Of 5 )
1 review
Video of Responsive Admin Dashboard Panel in HTML CSS & JavaScript Dark/Light Mode in JavaScript applications course by CodingLab channel, video No. 23 free certified online
Create Responsive Admin Dashboard Panel in HTML CSS & JavaScript Dark/Light Mode Codinglab
In this video, you will learn to create a Responsive Admin Dashboard Panel with Sidebar Menu using HTML CSS, and JavaScript. I also have added dark and light modes. If you choose a dark mode or close the sidebar, it will not change even webpage is refreshed or reopened, to make this I have used local storage.
Get Source Code of this Admin Dashboard
https://buymeacoffee.com/codingnepal/e/278841
Visit CodingNepal for helpful coding projects
https://www.codingnepalweb.com
Hire me on Upwork
https://www.upwork.com/freelancers/~0170a45b0b818415ef
Follow me on Instagram
https://www.instagram.com/coding.np
Support my work with a coffee
https://buymeacoffee.com/codingnepal
Timestamps:
00:00 Admin Dashboard Demo
02:50 Creating CSS color variable
02:52 Importing Font Icons
03:05 Creating Sidebar for Admin Panel in HTML
06:25 Importing Google Fonts
13:56 Creating Navlink hover Indicator
18:29 JavaScript code dark & light mode toggle button
22:05 Creating Admin Dashboard Panel
26:47 JavaScript code to toggle sidebar
49:53 Making Admin dashboard panel responsive
56:05 Localstorage code to keep user selected mode & sidebar
#Admin_Panel #Sidebar_Menu #HTML_CSS_JavaScript
---
Music Credit:
Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: https://youtu.be/UY08PUqArZI
Something 'bout July (Instrumental) by RYYZN
Free Download / Stream: http://bit.ly/-_something-bout-july
Music promoted by Audio Library https://youtu.be/OFga9pkl6RU
Deep Sea by Vendredi
Free Download / Stream: http://bit.ly/-deep-sea
Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/7RU1l8GtGO
Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
Watch: https://youtu.be/2DGxm1csQQM
Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Watch: https://youtu.be/L7kF4MXXCoA
Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: https://youtu.be/8HJSl7AiJNg