Skip to content
Submitted over 2 years ago

QR Code Component - React, Framer Motion, SASS

Joseph Maramba Weyao•195
@mamba-dev-KE
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Decided to make it fun with some animations and implement dark mode so as to practice various React and CSS concepts including custom properties, logical properties, props, state management, event handling....

Community feedback

  • Wessel•0
    @WesseljavaPosted over 2 years ago

    Yo this is so clean! The change from light to dark and vice versa is really easy on the eyes. Imma keep an eye on you as I learn frontend myself. Gonna reverse engineer this tomorrow to see how it works.

    1
    Joseph Maramba Weyao•195
    @mamba-dev-KEPosted over 2 years ago

    @Wesseljava Yo! Thanks man. You can find all the code on the GutHub link. In case you come across something that you need explaining feel free to contact me.

    0
  • Neha Nandi•60
    @nehanandi09Posted over 2 years ago

    This is really impressive! Love what you did with the animations and the dark mode!

    1
    Joseph Maramba Weyao•195
    @mamba-dev-KEPosted over 2 years ago

    @nehanandi09 Thanks for the kind words! I'm to making my apps more dynamic with animations at the moment.

    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