Skip to content
Submitted over 1 year ago

Social media dashboard with theme switcher

Kacper Kwinta•1,405
@kacperkwinta
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social media dashboard with theme switcher
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

It was a little bit challenging project because of the theme switcher. It's my first project with that functionality. Code may be a little bit unstructured, sorry for this 😅 also sometimes I have some problems with proper class names... 💢 I should make friends with BEM

Built with 🧱

  • Semantic HTML5 markup
  • SCSS
  • Flexbox
  • JS
  • Custom properties
  • @media

Community feedback

  • Prisca Onwudebelu•170
    @PriscaToniaPosted over 1 year ago

    This is nice, well done.

    1
  • Tola israel•100
    @tolabigboyPosted over 1 year ago

    Great work..

    1
    Kacper Kwinta•1,405
    @kacperkwintaPosted over 1 year ago

    @tolabigboy Thanks!! 🥰🥰

    0
  • Emmanuel Daniel•1,170
    @coderdanniePosted over 1 year ago

    Hi. Congrats on the completion of this project. An extra features you can add is to store the themes state using browser localstorage so that your site can maintain the theme state even if the page was reload. Right now if I switch to light mode and reload the web page its switching back to the default theme. Using browser storage to store the theme and accessing the themes based on user preference will prevent this from happening. https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

    1
    Kacper Kwinta•1,405
    @kacperkwintaPosted over 1 year ago

    @coderdannie Thanks for the advice!!

    0

Please log in to post a comment

Log in with GitHub

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