Walled - E-Wallet Application

Overview

Walled is an E-Wallet application developed during the BSI IT development program classes, powered by Rakamin. This web application allows users to manage their financial transactions, including viewing balances, transferring funds, and topping up accounts. Built with React and Vite, Walled offers a modern and responsive user interface.

Features

• User Authentication: Secure login and registration for managing personal accounts.
• Dashboard Overview: A personalized dashboard displaying user greetings, account details, and balance.
• Transaction Management: View, filter, and sort transaction history in a user-friendly table format.
• Balance Visibility Toggle: Users can hide or show their account balance for privacy.
• Responsive Design: Optimized for both desktop and mobile devices, ensuring a seamless user experience.
• Action Buttons: Quick access to top-up and transfer functionalities directly from the dashboard.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool that provides a modern development experience.
• Tailwind CSS: A utility-first CSS framework for styling.
• FontAwesome: An icon library for user interface icons.
• React Router: For handling routing and navigation within the application.

Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/alifsyr/Walled-Web.git

2. Navigate to the project directory:

   cd Walled-Web

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and go to http://localhost:5173 to view the application.

Usage

• Dashboard: Upon logging in, users are greeted with a personalized message and can view their account balance and transaction history.
• Toggle Balance Visibility: Click the eye icon next to the balance to hide or show the amount for privacy.
• Transaction Table: Users can view their transactions, filter by type, and sort by date or amount.
• Perform Transactions: Navigate to the top-up or transfer pages to manage funds.

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, please fork the repository and submit a pull request.

Acknowledgments

• Thanks to the contributors and the open-source community for their support and resources.