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 Dashboard with ReactJS, TypeScript and Hooks

#react#typescript#accessibility
P

@ccreusat

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


Any feedback is welcome !

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hello there, Clément Creusat! 👋

Good work on this challenge! 👍 Your solution looks great and responds perfectly! 👏 It's nice to hear that you delved into TS for this challenge! 😀 Hope you had fun with it! 😆

One or two minor things I suggest are using anchor tags for the overview cards (since they seem like they will take the user somewhere when clicked) and making the toggle-switch keyboard-accessible so that users can use the toggle switch their keyboard. 😉

Keep coding (and happy coding, too)! 😁

1

P

@ccreusat

Posted

@ApplePieGiraffe that's right ! I didn't think about keyboard users haha. I'm gonna add this and change card into anchor tag. Thank you!

0
P
Patrick 14,325

@palgramming

Posted

⭐⭐⭐⭐⭐ Great Job

1
P

@ccreusat

Posted

New feature : Detect the user OS Dark Mode by default and then the Switch Toggle still works :-)

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