#Angular, #Redux, #RxJS, #Typescript

Background

Erste Netbank is a comprehensive web platform designed for managing personal banking needs. It offers a range of functionalities including account management, card management, local and foreign currency transfers, and authorization of transfers. The platform aims to provide users with a seamless and efficient banking experience.

Solution

Rollout IT was engaged to enhance the quality and speed of the Angular web frontend application for Erste Netbank. Senior developers from Rollout IT joined the frontend team in 2018, bringing expertise in modern web development practices. The goal was to refine the development process, improve code quality, and ensure the timely delivery of a bug-free and maintainable frontend solution.

Objectives

The primary objectives were to:

Speed up the development process and enhance code quality.
Implement a functional and reactive approach to replace imperative code.
Improve estimation processes and establish clear application state management.
Introduce clean-code practices to ensure long-term maintainability.

Progress

Since joining the project in 2018, Rollout IT’s senior developers have made significant strides in improving the development workflow. Key accomplishments include:

Streamlined code reviews to maintain high standards.
Replaced imperative code with functional and reactive programming techniques.
Enhanced estimation processes to improve project planning and delivery.
Established a clear and effective state management system using Redux.
Integrated several clean-code practices to ensure maintainability and reduce bugs.

Challenges

One of the main challenges was transitioning from imperative to functional/reactive programming. This required a shift in the development mindset and a comprehensive refactoring of existing code. Ensuring the seamless integration of Redux for state management also posed challenges but ultimately contributed to a more robust and scalable application.

Tech Stack

The technology stack for this project includes:

Angular for building the single-page application (SPA).
Redux for state management.
RxJS for reactive programming.
TypeScript for adding type safety and enhancing code quality.

Client Interaction

Regular interaction with the client was maintained through code reviews, feedback sessions, and project updates. This ensured that the improvements aligned with the client’s expectations and requirements. The collaborative approach fostered a positive working relationship and facilitated smooth project progression.

Conclusion

In conclusion, Rollout IT’s involvement in the development of the Erste Netbank frontend has significantly enhanced the platform’s quality and efficiency. By implementing modern web development practices and focusing on code quality, the team delivered a bug-free and maintainable solution.

As Erste Netbank continues to evolve, the robust and scalable frontend developed with Rollout IT’s expertise will play a crucial role in providing users with a superior banking experience. The successful integration of functional and reactive programming techniques, along with effective state management, sets a new standard for web-based banking platforms.

Book a call or write to us

Send email

By clicking on ‘Send message’, you authorize RolloutIT to utilize the provided information for contacting purposes. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Increase Your Productivity by Changing Your IDE to Cursor AI

Did you know that developers spend an average of 17.3 hours per week debugging code? That's nearly half of a typical work week! But what if we told you there's a tool that could dramatically reduce this time and boost your overall productivity? Cursor AI is the new Integrated Development Environment (IDE) that's revolutionizing the way we code and debug.

Leveraging Git’s Sparse Index for Scalable Development of Monorepo Codebases

Did you know that Google's monorepo contains over 2 billion lines of code across 9 million source files? This staggering scale highlights the immense challenges developers face when working with large codebases. Git, the distributed version control system created by Linus Torvalds, has become the de facto standard for managing source code. Its powerful branching and merging capabilities make it an excellent choice for handling code repositories. However, as we'll see, Git faces some challenges when dealing with extremely large repositories. Today we will learn about how developers can easily manage the monorepo codebase in git using git’s sparse index feature.

Why is Cursor AI the Best AI Code Editor According to Developers?

In software development, AI-powered tools have emerged as a developer productivity suite, and Cursor AI is at the forefront of this improved productivity workflow. As seasoned developers, we've seen many IDEs and code editors. But when Cursor AI burst launched, it was clear that this was something special. In this article, we'll dive deep into why Cursor AI is winning the hearts (and keystrokes) of developers worldwide.

Maximizing Mobile App Development Efficiency with Rust

In the world of mobile app development, developers are always looking to improve efficiency, speed, and reliability. Rust is a programming language that's becoming more popular for this reason. It offers unique features that make it great for creating apps that run fast, are secure, and can handle a lot of users. This article will show how Rust can make your mobile app development better. We'll talk about how it helps with performance, keeps data safe, handles many tasks at once, and works on different platforms.

How to choose an agency to develop your MVP and scale it ?

Creating a Minimum Viable Product (MVP) and growing it into a successful digital product is tough. It needs the right partner. Picking the wrong agency can cause delays, missed chances, and a less than perfect product. But how do you make sure you pick the right agency for your MVP? We'll help you check out agencies, see what they know, and find the best one for your business.

How to identify essential features and KPIs for your MVP ?

In the fast-paced world of product development, launching a successful MVP is key. It helps businesses test their ideas, get customer feedback, and set the stage for growth. The key to success lies in picking the right core features and KPIs that match your goals and what users want. This article will walk you through the steps to pinpoint the core elements for your MVP's success.