🏦 Bankist App

An interactive js bank application

Project Structure

• index.html: The main HTML file.
• CSS/style.css: The CSS file for styling the .
• CSS/mediaQuery.css: Making the site responsive to all screens.
• JS/script.js: The JavaScript file containing the app logic.

⚙️ Features

• Login: Each user can sign in with userName && Pin.➡️
• Display movements: All they movements with their date in a nicely formatted pattern.📺
• Numbers and date formatting All numbers and date are formatted using the Internationalization API.
• Transfer to: A user can transfer money to another user. 🤝
• Loan: A user can get loans.🫰
• Close account: A user can close his acccount using his user and pin. 🚫
• Updating the UI: By any action done, the UI is automatically updated displaying the new movements if exist.📺
• Authentication: Before doing any action, we check the user's data as well as the new movemenet is valid accoring to the bank rules, then the user gets a prompt whether it is successfully done or not.✅

🔴 Notes

We used hardcoded bank accounts date (simulating data coming from real bank API). The userName is the first letter of each name in the user's full Name (Abdelrahman Adel===>AA).

📈 Future Improvements

• Full bank WebSite: Including this page to a complete webpage with more features and capabilities like (siging in / contacting&feedbacks ... ).
• API Integration: Connecting the app to real-world banking APIs for live data.
• Enhanced Analytics: Adding features for financial analytics and reports.

Technologies Used

• HTML: For the site skeleton. 🩻
• CSS: For styling components. 🎨
• JavaScript ES6/ESnext: For site logic and interaction. 💻

Installation

1. Clone the Repository:

   git clone https://github.com/Abdelrahman-Adel610/Bankist

2. Navigate to the Project Directory:

   cd Bankist

Usage

1. Login using one of the following accounts (USRE:js PIN:1111) (USRE:jd PIN:2222)
2. now you see the account movements, balance, summary and controlling center.
3. you can do any action (transfer to / loan / close the account)

Contributing

If you'd like to contribute to the Bankist project, please follow these guidelines:

1. Fork the Repository: 🍴 Click the "Fork" button at the top right of the repository page.

2. Create a Feature Branch: 🌱

   git checkout -b feature/your-feature

3. Commit Your Changes: 💾

   git commit -am 'Add new feature'

4. Push to the Branch: ⬆️

   git push origin feature/your-feature

5. Create a Pull Request: 🔄 Go to the repository on GitHub and create a pull request.

⚖️ License

MIT License.

---

Thank you for checking out Bankist! Feel free to sent you feedback or contribute.All feedbacks and contributions are highly appreciated.