bank-client icon indicating copy to clipboard operation
bank-client copied to clipboard

Frontend Application using React.js with Hooks, Redux, Saga, Ant Design, styled-components and Jest


Bank Application

Live Preview | Swagger Documentation | Contact the developer


Full Stack Web Application similar to financial software that is used in professional banking institutions.

  • The current account balance is calculated based on the SQL operation (Double-entry bookkeeping)
  • Internalization of the application for three languages: English, German and Polish
  • Support for multiple currencies with the current rate supplied from an external server via API
  • Application programmed according to the correct design patterns and principle, i.e. SOLID, DRY and KISS
  • Software supports PWA, it is adapted to all modern browsers and mobile devices (RWD)
  • Implementation of Google Analytics along with the Cookie Consent according to the GDPR


Frontend technologies stack

JavaScript, React.js, Redux, Redux-Saga, Reselect, immer, Ant Design and styled-components

System requirements

Installation

# 1. Install the required dependencies
yarn

# 2. Change the endpoint api addresses to your local by editing a variable called API_BASE_URL
nano app/utils/api.js

# 3. Start the server with the frontend app
yarn start

License

This project is licensed under the MIT license. Copyright (c) 2020 Adrian Pietrzak.