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 using React, TypeScript, Styled-Components

#react#typescript#styled-components
Shivam 520

@shivjoshi1996

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


Hi everyone,

This is my first time using TypeScript, so any specific feedback relating to that would be awesome!

I'm also wondering whether the way I've implemented the theme toggle is correct, or is this a situation where I should be using the Context API?

Some things I may work on later:

  1. Ensuring users can click an operator instead of having to click the equals button before they can start a new calculation.
  2. Making the calculator more accessible by allowing users to use keyboard buttons for numbers.

Any other feedback on how to do the above or any other feedback would be appreciated.

Thanks!

Community feedback

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