Frontend
October 2025

Digital Wallet

Built secure wallet APIs featuring authentication, role-based access control, transaction validation, and schema-driven data integrity with Express.js, Mongoose.

Core Tech Stack

React.jsMongoDBExpress.js
Explore LiveSource Code
Digital Wallet

A comprehensive digital wallet application built with React, TypeScript, and modern web technologies. This platform provides role-based dashboards for Users, Agents, and Admins with secure financial transaction capabilities.


🌟 Project Overview

The Digital Wallet Frontend is a modern, secure, and user-friendly web application that enables digital financial transactions. It features three distinct role-based interfaces:

  1. User Dashboard: Personal wallet management, send/receive money, transaction history
  2. Agent Dashboard: Assist users with deposits/withdrawals, earn commissions
  3. Admin Dashboard: System monitoring, user management, transaction oversight

🚀 Live URLs

  1. Frontend: https://digital-wallet-frontend-mamun.vercel.app/
  2. Backend API: https://digital-wallet-mamun-api.vercel.app/

✨ Key Features


User Features

  1. Wallet Overview: Check balance, wallet status, and limits
  2. Send Money: Transfer funds to other users with PIN verification
  3. Receive Money: Accept transfers from other users
  4. Transaction History: View detailed transaction records with filtering
  5. Profile Management: Update personal information and change PIN
  6. Agent Application: Apply to become an agent for additional services


Agent Features

  1. Cash In/Out Services: Help users deposit and withdraw funds
  2. Commission Tracking: Monitor earnings from transactions
  3. User Assistance: Provide financial services to wallet users
  4. Transaction Management: Handle user requests securely


Admin Features

  1. User Management: Monitor and manage all users and agents
  2. Transaction Oversight: Review all system transactions with advanced filters
  3. System Configuration: Adjust fees, commissions, and limits
  4. Analytics Dashboard: View system-wide statistics and reports



🛠️ Technology Stack

Frontend

  1. React 19.1.0 - Modern UI library
  2. TypeScript - Type-safe development
  3. Vite - Fast build tool and dev server
  4. Tailwind CSS 4.1.11 - Utility-first CSS framework
  5. React Router 7.7.1 - Client-side routing
  6. Redux Toolkit 2.8.2 - State management
  7. React Hook Form 7.62.0 - Form handling
  8. Zod 4.0.15 - Schema validation
  9. Axios 1.11.0 - HTTP client

UI Components

  1. Radix UI/ShadCn - Accessible component primitives
  2. Lucide React - Beautiful icons
  3. Sonner - Toast notifications
  4. React Day Picker - Date selection
  5. TanStack Table - Data tables