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
	ReactJS	A JavaScript library for building user interfaces
	Next.js	A React framework for building server-rendered applications
	Redux	A state management library for JavaScript applications
	Redux Toolkit	The official, opinionated, batteries-included toolset for efficient Redux development
	React ApexCharts	A React wrapper for ApexCharts, a modern charting library
	React Countup	A lightweight React component wrapper around CountUp.js, a JavaScript library for smoothly transitioning numbers
	React Hot Toast	A flexible and customizable toast notification library for React applications
	React Icons	A collection of popular icons for React applications
	React Fast Marquee	A performant and customizable marquee component for React applications
	Swiper	A modern touch slider with hardware-accelerated transitions and native-like behavior
	Tailwind CSS	A utility-first CSS framework for rapidly building custom user interfaces
	TypeScript	A typed superset of JavaScript that compiles to plain JavaScript
	aos	A library to animate elements as you scroll down, with smooth and beautiful animations
	axios	A promise-based HTTP client for the browser and Node.js
	clsx	A tiny utility for constructing className strings conditionally
	framer-motion	A production-ready motion library for React
	friendly-challenge	A user-friendly captcha service for your web applications
	jwt-decode	A library to decode JWTs (JSON Web Tokens)
	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

Color Reference

Color	Hex Code	Preview
Primary	#ff9100
Secondary	#04185C

Getting Started

1. Clone the repository.

   git clone https://github.com/git-sujon/CholtiBank-client.git

2. Navigate to the project directory:

  cd CholtiBank-client

3. Install dependencies.

   npm install

4. Configure environment variables.

   • Create a .env file based on .env.example and provide necessary details.

5. Run the application.

   npm run dev

Open your browser and go to http://localhost:3000

6. Access the Live Application.

   Explore the live version of Choltibank here.