Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Media Dashboard using html,css.js

Jeet 100

@jv18creator

Desktop design screenshot for the Social media dashboard with theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like to know how many ways are there to navigate a page on toggle using JavaScript & If you're free, I would also love a feedback like how is my code, how should write code most efficient way. Thank you.

Community feedback

Jen 1,230

@En-Jen

Posted

Hey Jeet, if you're looking for a tutorial on how to make light theme/dark theme switchers, check out this YouTube video. It's not for this exact challenge, but I was able to use the methods from this video in my solution 😊

https://www.youtube.com/watch?v=D1yg4T37qYo&list=LLKDQrHVty6w7L57Hy56PXRA&index=1&ab_channel=WEBCIFAR

0

Jeet 100

@jv18creator

Posted

@En-Jen thanks man. I'll check it out.

0

@paminus-kingori

Posted

Awesome work

0

Jeet 100

@jv18creator

Posted

@paminus-kingori Thank you very much. Can you tell why is my solution different than their design. I run it on various desktops and mobile.... Everything seems fine.

0

@paminus-kingori

Posted

@jv18creator i'm not really sure, but I assume its because you load another page when a user clicks on dark mode. I think it should be one page, with light and dark mode, where the user can toggle between the two.

0
Jeet 100

@jv18creator

Posted

@paminus-kingori alright thanks. I thought that it's junior level challenge and I really don't know any fancy ways to change theme. Could you help me with that? It you have any tutorial or article. It would be great if you do.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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