Back to Projects
Frontend Development
Completed
Mood-Based Theme Switcher
An interactive website that changes its visual theme according to the mood selected by the user.
January 2026• Team: Personal Project• Role: Developer
About this Project
The Mood-Based Theme Switcher lets users select a mood and updates the website theme accordingly. The selected preference is stored in localStorage so it can be retained across page visits.
Tech Stack
HTML
CSS
JavaScript
Tools Used
VS Code
Git
GitHub
Key Features
Interactive Features
- ▸Choose a mood using emoji-based controls.
- ▸Change the page theme based on the selected mood.
- ▸Store the selected preference in localStorage.
Technical Implementation
- ▸Uses JavaScript to handle interaction and theme changes.
- ▸Uses CSS to define visual themes.
- ▸Uses browser localStorage to persist the selected mood.
Highlights
Mood-based theme selection
Interactive emoji controls
Dynamic visual theme changes
Preference persistence with localStorage