rperry99 / light-dark-mode

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.

Home Page:https://rperry99.github.io/light-dark-mode/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://rperry99.github.io/light-dark-mode/index.html


Languages

Language:CSS 74.9%Language:HTML 15.8%Language:JavaScript 9.4%