Skip to content
Submitted about 3 years ago

Calculator app with React and Styled components

Take•400
@ttakeyaya
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Calculator app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

This is the first time to build the project with React and Styled components. Any suggestions would be appreciated.

Community feedback

  • Alex•2,010
    @AlexKMarshallPosted about 3 years ago

    The styling of this looks good. The calculation functionality mostly works, but multiplication is broken.

    The tab-order of the buttons is very jumbled up. Make sure the order of your buttons in the html matches the order they are on screen.

    As an additional challenge, try and make it work for keyboard users by just typing numbers and operators on the keyboard, same as a native calculator app.

    Marked as helpful
    0
    Take•400
    @ttakeyayaPosted about 3 years ago

    @AlexKMarshall

    Thank you for your comments. I'll fix and update it.

    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