Skip to content

This is a project from the Zero to Mastery 20 JavaScript Projects. This is a toggle to turn the website from light mode to dark mode.

Notifications You must be signed in to change notification settings

rperry99/light-dark-mode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Name

This is a project that lets the user toggle between a light and dark theme for the website. It also features localHost so the user's preference is saved and will be defaulted to the appropriate them when the user returns.

This project is from Zero to Mastery: Jacascript Web Projects: 20 Projects to Build Your Portfolio. This is project 5 / 20.

Live Project

You can check out the live version of the project here

You can view the full list of project from this course here.

Thoughts

I was always interested in implementing a light and dark theme for a project. I assumed it was going to be a lot harder than it actually was. This was done in relatively few lines of code really. I would like to try to implement this into some of my old projects as well as some upcoming ones.

I also learned about localStorage for this project. I used it once, a long time ago, when I took the 2019 Zero to Mastery Web Dev course. I took it at the beginning of the year last year and that was the last time I used it. Needless to say, I had forgotten how. I did try using it once before, somewhat recently, but I couldn't figure it out. I think now, I would be able to use it and implement it into more projects. It is not as complicated as it first seemed.

About

This is a project from the Zero to Mastery 20 JavaScript Projects. This is a toggle to turn the website from light mode to dark mode.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published