Submitted over 2 years ago

Responsive Social Media Dashboard with Theme Switcher (SCSS + JS)

accessibility, gulp, sass/scss, node

LVL 2

Kanishka Priyashantha•690

@kanishkasubash

A solution to the Social media dashboard with theme switcher challenge

Preview Code

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.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Kanishka Priyashantha’s solution.

Join 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