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.
- Access the Live Version: Click here to open TechBank (Update this link after deploying to GitHub Pages)
- Simulate Transactions: Use the quick action buttons (Pix, Pagar, Empréstimo, Recarga) to open the modal and add new transactions.
- Toggle Privacy: Click the eye icon next to the balance to hide or show your total amount.
- Change Theme: Use the moon/sun icon in the header to switch between Light and Dark mode.
- 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.
- index.html → Main application structure (semantic HTML).
- style.css → Styles, responsive grid rules, UI components, and dark mode theme.
- index.js → Data rendering logic, modal behavior, and DOM manipulation.
- README.md → Project documentation.
Marcos Vinicius Front-end Developer | Software Engineering Student
Focusing on applying modern web technologies to create intuitive user interfaces.
