Skip to content
Submitted 11 months ago

Tip Calculator using Svelte

svelte, tailwind-css, vitest
Mirror83•200
@Mirror83
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

This project was my first Svelte project. The one thing that I would do differently, is try to separate the components more. The App.svelte file is a bit bloated, but I think that this is not a big issue for this project, given its relatively small scope.

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

I am taking this project as part of the Introduction to front-end testing learning path here on Frontend Mentor. I fixed the issue I had with the Testing Library set-up, and now I'm in the process of writing the automated tests.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Toba•240
    @tobaojo

    This is really good. The designs are nice and is close to the original design. I personally haven't used svelte before so I cannot comment too much on the code.

    The Buttons for the tip values don't seem to work?

    The custom input and the reset button works well however.

    It is also responsive and looks good on mobile devices.

    I think just take another look at the buttons and you are golden!

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