Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 8 days ago

Calculator app with React, TypeScript & React Testing Library

react, react-testing-library, tailwind-css, typescript, vite
Florian Stăncioiu•740
@florianstancioiu
A solution to the Calculator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm glad I wrote some TypeScript and added some tests using React Testing Library.

What challenges did you encounter, and how did you overcome them?

Honestly, implementing the design in TailwindCSS v4 proved challenging because the colors used in the first 2 themes of the app are not consistent with the 3rd one, I had to keep adding custom variables to make up for the lack of consistency, I think my first two themes are correct in term of colors but the third one is a bit different from the design.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Florian Stăncioiu's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License