🏦 Pwa_App_Bank - Responsive Banking App

---

📖 About the Project

TechBank 2.0 is a modern, responsive web application simulating a digital banking interface. It provides a dynamic user experience with features like real-time transaction updates, balance visibility toggling, and a fully functional dark mode, designed to work seamlessly across mobile, tablet, and desktop devices.

---

📱 How to Use

1. Access the Live Version: Click here to open TechBank (Update this link after deploying to GitHub Pages)
2. Simulate Transactions: Use the quick action buttons (Pix, Pagar, Empréstimo, Recarga) to open the modal and add new transactions.
3. Toggle Privacy: Click the eye icon next to the balance to hide or show your total amount.
4. Change Theme: Use the moon/sun icon in the header to switch between Light and Dark mode.

---

🚀 Features

• Financial Dashboard: Displays current balance and total income.
• Dynamic Transactions: Add new entries/exits via a custom modal interface, updating the list and balance automatically.
• Dark Mode Integration: Seamless theme switching using CSS variables.
• Privacy Mode: Hide or reveal sensitive balance information.
• Responsive Design: Built with CSS Grid and Flexbox for a flawless layout on any screen size.

---

🛠️ Technologies Used

---

📂 Project Structure

1. index.html → Main application structure (semantic HTML).
2. style.css → Styles, responsive grid rules, UI components, and dark mode theme.
3. index.js → Data rendering logic, modal behavior, and DOM manipulation.
4. README.md → Project documentation.

---

👷 Author

Marcos Vinicius Front-end Developer | Software Engineering Student

Focusing on applying modern web technologies to create intuitive user interfaces.