Dream Wallet

Role-based frontend for a digital wallet system with Admin, Agent, and User dashboards.

Overview

Secure, role-based frontend for a digital wallet system similar to Bkash or Nagad. Supports multi-role dashboards with wallet operations, user management, and secure API integration.

Key Features

• Multi-role dashboards (Admin, Agent, User)
• Wallet operations: cash-in/out, top-up, send money
• Transaction history with filtering
• Secure API integration with RTK Query
• JWT interceptors for authenticated requests
• Cloudinary uploads for profile pictures
• Dark and light theme support
• Toast notifications
• Loading skeletons
• Guided tours for new users

Tech Stack

Framework: React
Language: TypeScript
State Management: Redux Toolkit
Styling: Tailwind CSS
API Client: RTK Query
Uploads: Cloudinary

Architecture

The frontend follows modern React patterns:

• State: Redux Toolkit for global state
• API: RTK Query for server state and caching
• Routing: React Router for navigation
• Forms: React Hook Form with Zod validation
• UI: Custom components with Tailwind CSS
• Auth: JWT-based authentication with interceptors

User Experience

• Responsive design for mobile and desktop
• Dark and light theme switching
• Smooth animations and transitions
• Loading states and error handling
• Accessible navigation and controls

Links

• Live: https://dream-wallet-steel.vercel.app
• Source: https://github.com/Sarwarhridoy4/dream-wallet-frontend