Microbank is a simple web app that exemplifies micro features of a modern banking application. The web app features a responsive design, login screen with basic authentication, a dashboard screen with minimal transactional functionalities. Some of the features shipped with this version of Microbank include:
- Login/Logout with authentication
- Manage and perform simple user transaction
- Send and receive money to and from other demo users
- Apply for loan, subject to few seconds of verification process
- Exemplifies user account deletion process
- View and track total money in and out, as well as interest
- Easily identify withdrawals and deposits
- View and track current balance in real time.
User data are stored using browser local storage, so users can see all their previous transactions, provided the same browser is used and the data is not wiped from local storage.
This web app is developed with HTML5, CSS3, Vanilla JavaScript, Bootstrap@5
- Web App Demo: https://microbank.netlify.app/
- Microbank Website
- HTML5:
- CSS3:
- JAVASCRIPT:
- MDN: Mozilla Developer Network - JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions
- W3SCHOOL: JavaScript Introduction
- Intersection Observer API: Provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport
- BOOTSTRAP5: Powerful, extensible, and feature-packed frontend toolkit.
- MUGSHOTBOT: Automatic beautiful link previews
- Portfolio - @SammyLeths
- Linkedin - @SammyLeths
- Twitter - @SammyLeths