DEV Community

nazim akkal
nazim akkal

Posted on

3 1 1 1 1

Building a Scalable Bank Admin Panel with AI-Driven Risk Assessment, KendoReact & Next.js 15 (PostgreSQL DB)

This is a submission for the KendoReact Free Components Challenge.

What I Built

I built IntuiBank Dashboard, a financial management platform for banking and credit institutions. It streamlines client onboarding, account management, and credit processing for both individuals and corporations by capturing detailed personal and business data. The system supports multi-currency accounts, tracks balances, and manages card issuance and cheque distribution. Credit operations cover applications, approvals, repayment schedules, and risk mitigation through guarantees and legal actions. It also integrates s AI risk options that analyze historical credit data and current application metrics to deliver real-time risk assessments, helping banks make faster, data-driven decisions.

Demo

Check out the live demo here: IntuiBank Dashboard

Screenshots:

  • Admin Overview: An overview of the admin panel with dynamic data and clear navigation.

Dashboard

  • Banking Operations & Credit Management: Forms and lists that simplify banking operations.

Account Management

Account Management

Credit application

  • AI-Driven Risk Assessment: actually Powered by Cohere (Free & Limited Tier)

AI-Driven Risk Assessment

AI-Driven Risk Assessment

Medium Risk

  • Bank accounts list

Bank accounts list

  • PDF Reports & QR Codes: Generate and share PDF reports.

PDFViewer

Magnetic cards statestics

  • Amortization entries

Inline grid editing

  • DB Schema

ORG chart

  • QR code

QR code

  • Stepper

Stepper form

Details

Currencies management

  • User Activity & Logs: A detailed view featuring infinite scrolling and grouped logs by day.

Login Logs

Feel free to explore the code repository for a closer look at the implementation.

KendoReact Experience

I leveraged KendoReact Free Components (note: some premium components are available as a 1-month free trial) extensively throughout the project. From Buttons, ListView for infinite scrolling and grouping, to well-styled Forms, Cards, Notifications, Grid, Chart Wizard, and controlled forms, KendoReact played a crucial role in delivering a production‑ready user interface. Compared to some other libraries, I experienced no hydration errors. The only component that presented issues was the PDFViewer.

Additional Remarks

  • Desktop vs. Mobile: As of 23/03/2025, the dashboard works well on desktop, but its performance on mobile devices is less optimal. For the best experience, clone the project to your PC and set up a local PostgreSQL database (the live demo uses a free database).

Packages Used

  • @progress/kendo-data-query
  • @progress/kendo-licensing
  • @progress/kendo-popup-common
  • @progress/kendo-react-barcodes
  • @progress/kendo-react-buttons
  • @progress/kendo-react-chart-wizard
  • @progress/kendo-react-charts
  • @progress/kendo-react-common
  • @progress/kendo-react-dialogs
  • @progress/kendo-react-excel-export
  • @progress/kendo-react-form
  • @progress/kendo-react-grid
  • @progress/kendo-react-indicators
  • @progress/kendo-react-inputs
  • @progress/kendo-react-intl
  • @progress/kendo-react-labels
  • @progress/kendo-react-layout
  • @progress/kendo-react-listview
  • @progress/kendo-react-notification
  • @progress/kendo-react-orgchart
  • @progress/kendo-react-pdf
  • @progress/kendo-react-pdf-viewer
  • @progress/kendo-react-popup
  • @progress/kendo-react-tooltip
  • @progress/kendo-svg-icons
  • @progress/kendo-theme-bootstrap
  • @progress/kendo-theme-default

Happy coding and thank you for your support!

Akkal Abdelbaki Nazim

Credits :

Top comments (3)

Collapse
 
nazim_akkal_a6c14939d5955 profile image
nazim akkal

youtube.com/watch?v=vgN4za0e5RE

a little video about this project

Collapse
 
patricia_ramos_80cd5e115e profile image
Patricia Ramos

Great project! You did a lot of work there

Collapse
 
nazim_akkal_a6c14939d5955 profile image
nazim akkal

thank you a lot