Skip to content
Submitted over 3 years ago

Tip calculator (react, redux toolkit, tailwind, typescript, storybook)

react, redux-toolkit, storybook, tailwind-css, typescript
Manuel Odendahl•70
@wesen
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I used storybook and chromatic for developing this, as well as redux-toolkit which was new to me. It was very fun.

Check out the chromatic site: https://www.chromatic.com/builds?appId=61cf2a6d365cb1003a3025d6

And the latest storybook: https://61cf2a6d365cb1003a3025d6-twxzrloogl.chromatic.com/

Code

Please log in to post a comment

Log in

Community feedback

  • dewslyse•3,005
    @dewslyse

    Hello @wesen! Congrats on your submission. You may want to have another look at the calculator. The input fields automatically resets if you move from one to the other. E.g: Say I enter $100 in the Bill field. If I proceed to choose a button under Select Tip % or alter the value in Number of People, the preceding input(s) reset.

    Marked as helpful

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