https://github.com/debck/bank-client

https://github.com/debck/bank-client

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/debck/bank-client
• Owner: debck
• Created: 2021-01-06T06:21:23.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-07T11:59:50.000Z (over 5 years ago)
• Last Synced: 2025-01-21T18:51:28.993Z (over 1 year ago)
• Language: JavaScript
• Size: 381 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Bank Client Side

	

The client side of the banks app with all the functionality like 

* listing of the banks with details

* searching by text for the banks

* pagination for the results of the search, the user is also allowed to select page size

* mark some banks as favourites

* View banks that were marked as favourites

## Tech Stack

> * Reactjs

> * Material UI

## Screenshots:

> Entire App: 

![full](https://user-images.githubusercontent.com/33368759/103790763-a54be480-5067-11eb-8920-50bd449747a0.PNG)

> Mark banks as favourites/non favorites.

![full with star](https://user-images.githubusercontent.com/33368759/103790766-a67d1180-5067-11eb-802e-6a54d36c86dc.PNG)

> View banks that were marked as favourites

![starred](https://user-images.githubusercontent.com/33368759/103790775-a846d500-5067-11eb-868f-30603f128097.PNG)

> Dropdown options to filter between 5 cities

![options wala neww](https://user-images.githubusercontent.com/33368759/103791096-0b386c00-5068-11eb-9e8c-b60d9d39e1b3.PNG)

> Can search as required between all fields

![with search](https://user-images.githubusercontent.com/33368759/103790790-ab41c580-5067-11eb-8778-3e87b084b162.PNG)

> No results page

![no results](https://user-images.githubusercontent.com/33368759/103790796-ad0b8900-5067-11eb-992a-9d64f7829393.PNG)

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### `yarn build`

Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.