Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pransu-code/bankist-website

Minimal Banking website ( Smooth UI interface and frontend )
https://github.com/pransu-code/bankist-website

figma frontend-development html-css-template javascipt ui-design website

Last synced: about 1 month ago
JSON representation

Minimal Banking website ( Smooth UI interface and frontend )

Awesome Lists containing this project

README

        

# Click below link for Bankist v1.0 beta source code
https://github.com/Pransu-code/FundFusion

## Below is another Website for banking experience make sure to checkout ( ps : you won't regret )

This is the first version of this banking website, UI is 100% functional.
---

# Bankist

## Description

**Bankist** is a minimalistic yet feature-rich web application that provides users with a seamless banking experience. Built using JavaScript, HTML, and CSS, Bankist allows users to open accounts, manage their finances, and perform various banking operations through an aesthetically pleasing and user-friendly interface.

## Demo

https://bankistportal.netlify.app/

## Screenshots

![1](assets/1.png)
![2](assets/2.png)
![3](assets/3.png)
![4](assets/4.png)
![5](assets/5.png)
![6](assets/6.png)
![7](assets/7.png)

## Features to be implemented i V2

- User Registration and Account Creation
- User Authentication and Login
- Account Balance Overview
- Money Transfers between Users
- Loan Requests and Approvals
- Deposits and Withdrawals
- Transaction History
- Responsive Design for Optimal Viewing on Any Device

## Technologies Used

- HTML
- CSS
- JavaScript

## Getting Started

### Prerequisites

To run this project locally, you need a web browser (e.g., Chrome, Firefox, Safari).

### Installation

1. Clone the repository:

```bash
git clone https://github.com/your-username/bankist.git
```

2. Navigate to the project directory:

```bash
cd bankist
```

3. Open `index.html` in your web browser:

```bash
open index.html
```

## Project Structure

```
bankist/

├── index.html # The main HTML file
├── styles.css # The main CSS file
├── script.js # The main JavaScript file
└── assets/ # Folder for images, icons, etc.
```

## Code Explanation

### HTML

The HTML file contains the structure of the app, including forms for registration, login, and financial transactions, as well as elements for displaying user information.

### CSS

The CSS file contains styles to create a visually appealing and responsive user interface. It includes layout styles, colors, fonts, and media queries for different screen sizes.

### JavaScript

The JavaScript file contains the logic for:
- User authentication
- Handling financial transactions (transfer, deposit, withdraw)
- Loan requests
- Updating the UI with user data
- Managing the transaction history

## Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or submit a pull request.

## License

## Acknowledgments