Skip to content
Submitted over 3 years ago

Calculator app built using React + Styled Components

Hoang Nguyen•120
@HoangNguyen-CA
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

Not sure how to properly handle overflow of calculator, for example 2/3 outputs 0.66666666... but I can't show the beginning since the display text is right aligned (using flexbox). As a result, the user only sees 66666666...

Community feedback

  • Mojtaba Mosavi•3,760
    @MojtabaMosaviPosted over 3 years ago

    Hi!, nice job and regarding the overflowing, in my opinion you've handled well, you could alternatively reduce the height a tiny bit to eliminate the overflow. Two suggesiton for improvment:

    1- When swiching from one theme to another the theme change happens to quickly and not so smoothly, to improve the UX you should add trasition it.

    2- When a use inputs a invalid operation the error massage is somewhat cryptic, at the moment the massage is "syntace error" here you make the assumption that the user know what it means.

    Keep coding :)

    Marked as helpful
    0
    Hoang Nguyen•120
    @HoangNguyen-CAPosted over 3 years ago

    @MojtabaMosavi thanks for the tips! I'll try to implement the improvements.

    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