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
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found

Submitted

Social Media Dashboard using html,css.js

@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

Reports

Accessibility report (1)
error

This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

<button class="toggle_button" onclick="myFun()">
                <div class="in...</button>

Jeet Viramgama’s questions for the community

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

P
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


@jv18creator

Posted

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

0

@paminus-kingori

Posted

Awesome work

0


@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

@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
Slack logo

Join our Slack community

Join over 180,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!