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/CholtiBankREADME
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
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
-
Open Bank Account:
- Types: Checking, Savings accounts, Money market, non-resident account.
-
Deposit Money:
- From any bank
- From Visa/Master Card
- ATM
- From Agent
-
Withdraw Money:
- From ATM
- From Agent/Cholti Agent Account
-
Money Transfer:
- Cholti to Cholti
- Cash by code
- BKash
- Nagad
- Prepaid Card
- Binimoy
-
Mobile Recharge:
- Grameenphone, Robi, Airtel, Banglalink, Teletalk
-
Statements
Color Reference
| Color | Hex Code | Preview |
| --------- | -------- | -------------------------------------------------------------------------- |
| Primary | #ff9100 | |
| Secondary | #04185C |
|
-
Access the Live Application.
Explore the live version of Choltibank here.
