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

https://github.com/gitericsson/bankist-webapp

Bankist is an innovative and easy-to-use internet banking service. Primary tasks like money transfers, loan requests, account closures, and balance checks are implemented by this project. Available for both Mobile and Desktop Devices(Device agnostic website).
https://github.com/gitericsson/bankist-webapp

bankist bankist-app css3 device-agnostic dom-manipulation jonas-schmedtmann typescript

Last synced: 8 months ago
JSON representation

Bankist is an innovative and easy-to-use internet banking service. Primary tasks like money transfers, loan requests, account closures, and balance checks are implemented by this project. Available for both Mobile and Desktop Devices(Device agnostic website).

Awesome Lists containing this project

README

          

# BANKIST WebApp

## Table of contents

- [Overview](#overview)
- [About](#about)
- [The Challenge](#the-challenge)
- [Features](#features)
- [Updates](#updates)
- [Screenshots](#screenshots)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Author](#author)
- [Acknowledgments](#acknowledgments)

## Overview

### About

Bankist is an innovative and easy-to-use internet banking service. Primary tasks like money transfers, loan requests, account closures, and balance checks are implemented by this project.

### The Challenge

My aim was to recreate Jonas' BANKIST WebApp

You can login, and make transfers to other accounts(in the "transfer to" field, any of the usernames below can be made use of) with these login credentials on the live site:

- username: er || pin: 1111
- username: js || pin: 2222
- username: jd || pin: 3333

### Features

- Simple Login functionality and Interface
- Loan granting functionality
- Ability to transfer funds to an account
- User's Transactions UI
- Timer to log user out
- Toggle transactions sorting
- Current Balance display

### Updates

- Responsive Web design across all devices

### Screenshots

![screenshot1](./screenshots/Screenshot1.jpeg)
![screenshot2](./screenshots/Screenshot2.jpeg)
![screenshot3](./screenshots/Screenshot3.jpeg)
![screenshot4](./screenshots/Screenshot4.jpeg)

### Links

- Solution URL: [Github Repo here](https://github.com/gitEricsson/Bankist-WebApp)
- Live Site URL: [Live site here](https://ericsson-bankist-webapp.netlify.app/)

## My process

### Built with

- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- TypeScript

## Author

- Website - [Ericsson Raphael](https://github.com/gitEricsson)
- LinkedIn - [@ericsson](www.linkedin.com/in/ericssonraphael)
- Gmail - [@ericsson](ericssonraphael@gmail.com)

## Acknowledgments

[Jonas Schmedtmann](https://github.com/jonasschmedtmann)