Tip-calculator-app

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

I'm proud of completing the entire Tip Calculator App using only HTML, CSS, and JavaScript. I focused on writing clean, modular code and making the UI fully responsive for both desktop and mobile screens.

If I were to do this again, I would try to use more semantic HTML elements and improve accessibility, such as better focus states and ARIA labels. I'd also consider using a JavaScript framework like React for better state management as the project grows.

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

One challenge I faced was managing the input validation and dynamic updates to the tip amount and total per person as the user entered values. It required careful handling of events and checking for edge cases (like dividing by zero).

I overcame this by debugging each interaction step-by-step using console.log() and testing various inputs. I also read documentation and referred to JavaScript best practices to handle rounding and display issues.

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

I’d appreciate feedback on improving my JavaScript logic, especially around input validation and efficient DOM manipulation.

Additionally, I’d love suggestions on making the UI/UX even more intuitive—perhaps through animations or better error handling. Tips on improving code readability and performance are also welcome.