Tip-calculator-Typescript-SCSS-Animation-Accessibility-Jest

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

I'm most proud of revisiting my project to test it with Jest and applying previous feedback. Finding and fixing a bug that I wouldn't have noticed otherwise was incredibly rewarding. Next time, I’d focus more on writing tests from the start and validating calculations thoroughly, possibly using a TDD approach. I’m also excited to go back to my old projects and test them all—it might drive me a bit insane, but it’s a great way to get really good at testing code and improving overall quality!

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

The biggest challenge was configuring Jest to work with TypeScript and Vite, which was quite complex. I tackled it through extensive troubleshooting but plan to try Vitest next for a potentially simpler setup.

What specific areas of your project would you like help with?

I’d appreciate feedback on the following areas:

Testing: I’m unsure if my test cases cover all essential aspects and may have missed some important tests. Due to the project's small size and lack of modular components, these unit tests also function as end-to-end tests. I plan to learn Cypress for larger projects.

SCSS: Feedback on styling, organization, maintainability, and best practices would be great.

TypeScript: Any tips on improving code quality, type usage, or overall structure would be helpful.

Any additional feedback is also welcome!