Tip Calculator App

Solution retrospective
I’m most proud of creating custom input components, such as a text input with a dollar sign or one with a profile icon.
I’m also proud of making the application as responsive as possible to various types of user input.
The majority of the time I spent on this project was dedicated to figuring out how to handle different input types and display errors appropriately.
What challenges did you encounter, and how did you overcome them?The biggest challenge was making the application respond correctly to invalid inputs and ensuring it displayed the correct results based on user input.
Additionally, I didn’t know how to create text inputs (like the Bill input and Number of People input). I overcame that challenge by researching the problem, finding similar examples, and then adjusting the code to fit the specific requirements of this project.
What specific areas of your project would you like help with?I would like to continue improving my skills, especially in managing state and handling forms more effectively. I also want to explore more advanced CSS techniques for styling and layout.
Also, I would like to improve my code in the future so it is more clean and simple. I would like to use more reusable components and hooks in React, and to make the code more modular.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Petar Rakocevic'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