Submitted over 1 year ago
Responsive Social Media Dashboard with Theme Switcher (SCSS + JS)
@kanishkasubash
Design comparison
SolutionDesign
Solution retrospective
Hi! 👋, Frontend Friends.
I've just completed a front-end coding challenge. This is my solution for the Social Media Dashboard with Theme Switcher.
🛠️ Built With:
- Semantic HTML5 markup
- SASS/SCSS
- Node.JS
- GULP.JS
- Vanilla JS
- Mobile First Approach
📦Features:
- The user indicates their preference through an operating system setting (e.g. light or dark mode) or a user agent setting.
- Responsiveness (Mobile/Tab/Laptop/Desktop).
- Toggle button for custom Theme Change.
- Hover Effects
- Animations
🔖What I am learned:
- Level Up SCSS & JS
- Toggling Button Link
prefers-color-scheme
. Link- Window: localStorage property. Link
- CSS Flexbox & Grid. Link
💡Any suggestions on how I can improve are welcome!
😊I'll be happy to hear any feedback and advice! Thank you.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord