An open API service indexing awesome lists of open source software.

https://github.com/devhasanmia/digital-wallet


https://github.com/devhasanmia/digital-wallet

Last synced: 9 months ago
JSON representation

Awesome Lists containing this project

README

          

# Digital Wallet Frontend

A modern, secure, and user-friendly **Digital Wallet System** frontend (similar to bKash/Nagad), built with **React, Redux Toolkit, RTK Query, and Tailwind CSS**.
This application provides a role-based dashboard experience for **Users, Agents, and Admins**, with seamless API integration and responsive UI.

---

## Live Demo

- **Frontend:** [digital-wallet](https://digital-wallet-dev.netlify.app/admin/dashboard)
- **Backend API:** [digital-wallet-api](https://digital-wallet-api-azure.vercel.app)

---

## πŸ›  Tech Stack

**Frontend**
- React.js
- TypeScript
- Redux Toolkit + RTK Query
- React Router
- Tailwind CSS

**Backend (separate repo)**
- Node.js, Express
- MongoDB, Mongoose
- JWT Authentication (access + refresh token)
- Bcrypt password hashing

---

## ✨ Features

### πŸ”“ Public Section
- Landing Page with sticky navigation bar
- About, Features, Contact, FAQ pages
- Responsive hero banner + footer
- Smooth animations and skeleton loaders

### πŸ”‘ Authentication
- Register (User / Agent role selection)
- Login with JWT authentication
- Role-based dashboard redirection
- Persisted session with cookies
- Logout functionality

### πŸ‘€ User Dashboard
- Wallet overview with balance
- Deposit, Withdraw, and Send Money
- Transaction history with filters + pagination
- Profile management (update info & password)

### πŸ§‘β€πŸ’Ό Agent Dashboard
- Cash-in / Cash-out operations
- Manage users’ transactions
- Profile management

### πŸ‘¨β€πŸ’» Admin Dashboard
- Overview of total users, agents, and transactions
- Manage users (block/unblock)
- Manage agents (approve/suspend)
- View and filter all transactions
- System settings (fees/limits – optional)

### 🎨 General Features
- Role-based navigation menu
- Loading indicators & toast notifications
- Advanced filtering + pagination for lists
- Data visualization (cards, bar charts, pie charts)
- Guided tour (react-joyride) for new users
- Dark/Light mode toggle
- Fully responsive & accessible design

---

## βš™οΈ Setup Instructions

### 1. Clone Repositories
```bash
git clone https://github.com/devhasanmia/digital-wallet.git
cd digital-wallet
bun install or yarn
bun dev or yarn dev

Thanks