Mortgage repayment calculator

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

First Angular Project

I'm proud of successfully building a mortgage calculator as my first Angular project, especially since it was a challenging transition from React. Completing this project gave me a solid grasp of Angular’s architecture, and seeing the final product work smoothly was very rewarding.

Next time, I’d spend more time planning the project structure and learning Angular best practices upfront. I’d focus on better code organization, leveraging Angular’s dependency injection, and integrating testing earlier in the process to ensure a more maintainable and scalable codebase.

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

One of the main challenges I encountered was implementing two-way data binding in custom components. Initially, the data wasn’t updating as expected, leading to incorrect or undefined values in forms. To overcome this, I learned how to properly use Angular’s @Input() and @Output() decorators along with EventEmitter to manage two-way binding effectively. This allowed me to ensure that data flowed correctly between parent and child components, solving the issue.

Another challenge was adapting to Angular’s more complex structure compared to React. To overcome this, I spent time understanding Angular’s core concepts, such as dependency injection and services, which helped me structure the project more effectively and manage the application logic.