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

Calculator app with React and Styled components

Takeβ€’ 400

@ttakeyaya

Desktop design screenshot for the Calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

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

P
Alexβ€’ 1,990

@AlexKMarshall

Posted

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

@ttakeyaya

Posted

@AlexKMarshall

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

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