Golden Sample App
This example project is a reference implementation to showcase a number of best practices to use when building a new Angular SPA that leverages Backbase components and libraries.
Overview
The Golden Sample Angular App is a comprehensive reference framework for building single-page applications (SPAs) using Backbase components and libraries. This project serves as an invaluable resource for front-end developers, showcasing best practices and providing a well-structured codebase to facilitate the development of robust web applications. With a focus on the latest tools and libraries, it ensures developers have access to the most current methodologies for crafting their applications.
By following the README and leveraging the included comments within the code, users can easily navigate the app's architecture. This framework not only demonstrates the foundational elements needed to set up a functional Angular app but also offers practical examples that enhance understanding and utilization of Angular's capabilities.
Features
-
Comprehensive Auth Module: Includes fully defined authentication procedures to manage user access securely.
-
Multi-Language Support: Features a locale selector for SPAs, allowing users to switch between languages seamlessly.
-
Entitlements Configuration: Customize entitlements based on various scenarios to enhance functional security and user access controls.
-
Modern Journey Factory Patterns: Implements advanced configuration for the Transactions Journey using the Factory pattern for improved scalability.
-
Legacy NgModule Integration: Supports older patterns like Transfer Journey and ACH Positive Pay Journey to ensure backward compatibility.
-
User Journey Examples: Provides a variety of journeys like User Accounts and Custom Payment Journey, simplifying the development process.
-
Local Development Setup: Easy setup instructions for running the app locally, ensuring developers can quickly get started without unnecessary hurdles.
-
Docker Compatibility: Options to run the app in a Docker environment, facilitating smooth deployment processes across different platforms.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.