SkillAgentSearch skills...

CholtiBank

CholtiBank is a cutting-edge digital banking platform, revolutionizing the financial landscape in Bangladesh. Built with React, Next.js, and Redux, it offers a seamless and secure banking experience, providing a wide range of services from account management to secure transactions.

Install / Use

/learn @ShuvoProgram/CholtiBank

README

Light Mode Logo

Dark Mode Logo

CholtiBank - Digital Banking Platform

CholtiBank is the first digital bank in Bangladesh, revolutionizing the banking experience by providing a range of online services that were traditionally confined to physical branches. This project aims to digitize and streamline various banking processes, offering customers the convenience of accessing financial services from the comfort of their homes.

Screenshots

Home Page

Home Page

<!-- ### Dashboard ![Home Page](https://i.ibb.co/Zh0K9SG/image.png) -->

Tech Stack 🛠

| Tech | Docs | Description | | ----------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | | <img src="https://img.shields.io/badge/-ReactJS-blue?logo=react&style=for-the-badge" width="100" height="30"> | ReactJS | A JavaScript library for building user interfaces | | <img src="https://img.shields.io/badge/-Next.js-black?logo=next.js&style=for-the-badge" width="100" height="30"> | Next.js | A React framework for building server-rendered applications | | <img src="https://img.shields.io/badge/-Redux-purple?logo=redux&style=for-the-badge" width="100" height="30"> | Redux | A state management library for JavaScript applications | | <img src="https://img.shields.io/badge/-Redux_Toolkit-blue?logo=redux&style=for-the-badge" width="100" height="30"> | Redux Toolkit | The official, opinionated, batteries-included toolset for efficient Redux development | | <img src="https://img.shields.io/badge/-React_ApexCharts-orange?logo=apexcharts&style=for-the-badge" width="100" height="30"> | React ApexCharts | A React wrapper for ApexCharts, a modern charting library | | <img src="https://img.shields.io/badge/-React_Countup-yellow?logo=countup&style=for-the-badge" width="100" height="30"> | React Countup | A lightweight React component wrapper around CountUp.js, a JavaScript library for smoothly transitioning numbers | | <img src="https://img.shields.io/badge/-React_Hot_Toast-green?logo=toast&style=for-the-badge" width="100" height="30"> | React Hot Toast | A flexible and customizable toast notification library for React applications | | <img src="https://img.shields.io/badge/-React_Icons-red?logo=icons&style=for-the-badge" width="100" height="30"> | React Icons | A collection of popular icons for React applications | | <img src="https://img.shields.io/badge/-React_Fast_Marquee-purple?logo=marquee&style=for-the-badge" width="100" height="30"> | React Fast Marquee | A performant and customizable marquee component for React applications | | <img src="https://img.shields.io/badge/-Swiper-blue?logo=swiper&style=for-the-badge" width="100" height="30"> | Swiper | A modern touch slider with hardware-accelerated transitions and native-like behavior | | <img src="https://img.shields.io/badge/-Tailwind_CSS-lightblue?logo=tailwindcss&style=for-the-badge" width="100" height="30"> | Tailwind CSS | A utility-first CSS framework for rapidly building custom user interfaces | | <img src="https://img.shields.io/badge/-TypeScript-blue?logo=typescript&style=for-the-badge" width="100" height="30"> | TypeScript | A typed superset of JavaScript that compiles to plain JavaScript | | <img src="https://img.shields.io/badge/-aos-lightgrey?logo=aos&style=for-the-badge" width="100" height="30"> | aos | A library to animate elements as you scroll down, with smooth and beautiful animations | | <img src="https://img.shields.io/badge/-axios-purple?logo=axios&style=for-the-badge" width="100" height="30"> | axios | A promise-based HTTP client for the browser and Node.js | | <img src="https://img.shields.io/badge/-clsx-yellow?logo=clsx&style=for-the-badge" width="100" height="30"> | clsx | A tiny utility for constructing className strings conditionally | | <img src="https://img.shields.io/badge/-framer_motion-blue?logo=framer&style=for-the-badge" width="100" height="30"> | framer-motion | A production-ready motion library for React | | <img src="https://img.shields.io/badge/-friendly_challenge-yellow?logo=challenge&style=for-the-badge" width="100" height="30"> | friendly-challenge | A user-friendly captcha service for your web applications | | <img src="https://img.shields.io/badge/-jwt_decode-green?logo=jwt&style=for-the-badge" width="100" height="30"> | jwt-decode | A library to decode JWTs (JSON Web Tokens) | | <img src="https://img.shields.io/badge/-next_themes-black?logo=next.js&style=for-the-badge" width="100" height="30"> | next-themes | A library for managing themes in Next.js applications |

Features

  • 🔒 Highly Secure
  • 🎨 Customizable Themes
  • 📱 Fully Responsive
  • ✨ Beautiful Animations
  • 💬 Interactive Messages
  • 📢 Real-time Notifications
  • 🔄 Dynamic Slides
  • 📈 Performance Optimized
  • 🚀 Fast Loading Times
  • 📱 Responsive Images
  • 🎨 Customizable Themes
  • 🌐 SEO Friendly
  • 🛡️ CSRF Protection
  • 📜 Detailed Documentation
  • 🔄 Version Control (Git)
  • 📦 Easy Installation🚫
  • 🚦 Error Handling

Services/Major Functionalities

  1. Open Bank Account:

    • Types: Checking, Savings accounts, Money market, non-resident account.
  2. Deposit Money:

    • From any bank
    • From Visa/Master Card
    • ATM
    • From Agent
  3. Withdraw Money:

    • From ATM
    • From Agent/Cholti Agent Account
  4. Money Transfer:

    • Cholti to Cholti
    • Cash by code
    • BKash
    • Nagad
    • Prepaid Card
    • Binimoy
  5. Mobile Recharge:

    • Grameenphone, Robi, Airtel, Banglalink, Teletalk
  6. Statements

<!-- 6. **All Card:** - Credit Card - Debit Card - Cholti Plus - Cholti Gold - Cholti Premium 7. **Payment:** - By QR Code 8. **Bill Payment:** - Water bill - Electricity bill 9. **Buy Tickets** 10. **Request Money** 11. **Receive Remittance** 12. **Statements** - a. Usual - For Self - For Children - For Family - b. Fixed Deposit 13. **Loan:** - Personal Loan - Home Loan - Student Loan - Tour Loan - Bike Loan - Car Loan 14. **Investment Services** 15. **Customer Support** 16. **Fixed Deposit Calculator** 17. **Exchange Rates Conversion** 18. **User Devices Information** -->

Color Reference

| Color | Hex Code | Preview | | --------- | -------- | -------------------------------------------------------------------------- | | Primary | #ff9100 | Primary Color | | Secondary | #04185C | Secondary Color |

  1. Access the Live Application.

    Explore the live version of Choltibank here.

View on GitHub
GitHub Stars7
CategoryDesign
Updated3mo ago
Forks7

Languages

TypeScript

Security Score

72/100

Audited on Dec 22, 2025

No findings