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

https://github.com/ismail9700/bank-app-web

A minimalist banking web application designed to simulate core banking functionalities such as account login, balance checking, and transactions.
https://github.com/ismail9700/bank-app-web

account banking minimal webapp

Last synced: 2 months ago
JSON representation

A minimalist banking web application designed to simulate core banking functionalities such as account login, balance checking, and transactions.

Awesome Lists containing this project

README

          

A minimalist banking web application designed to simulate core banking functionalities such as account login, balance checking, and transactions.

## Demo
[**Try It Live**](https://ismail-bankist.netlify.app/)

## Screenshot
![App Screenshot](screenshots/Screenshot%202022-10-06%20at%2018-50-33%20Bankist.png)

## Features
- **User Authentication**: Secure login with predefined usernames and passwords.
- **Account Management**: View account balance, transaction history, and summaries.
- **Responsive Design**: Optimized for both desktop and mobile devices.
- **Interactive UI**: Smooth animations and user-friendly navigation.

## Installation
1. Clone the repository:
```bash
git clone https://github.com/ismail9700/Bankist.git
```
2. Navigate to the project directory:
```bash
cd Bankist
```
3. Open `index.html` in a browser or serve it using a local server:
```bash
# Using live-server (Node.js)
npm install -g live-server
live-server

# Or using Python
python -m http.server 8000
```

## Usage
- Open the app in a browser and log in using the test credentials below.
- Explore features like viewing balances, transferring funds, or checking transaction history.
- Customize the HTML, CSS, or JavaScript to modify functionality or styling.

### For Testing
- **Account 1**
- Username: `mt`
- Password: `1111`
- **Account 2**
- Username: `jd`
- Password: `2222`

## Technologies Used
- **HTML5**: Semantic structure for the app.
- **CSS3**: Modern styling with responsive design.
- **JavaScript**: Handles authentication, transactions, and dynamic updates.

## Contributing
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes and commit (`git commit -m "Add feature"`).
4. Push to the branch (`git push origin feature-branch`).
5. Open a pull request.

## License
MIT License. See [LICENSE](LICENSE) for details.

## Contact
For questions or feedback, reach out to [ismail9700](https://github.com/ismail9700).