Skip to content

software-engineering-2023/Batates-M7mra

Repository files navigation

Sublime's custom image

Nextech Bank

Table of Contents

Demo Website

We have deployed a live demo of this app on Vercel for you to easily try it out. 🚀

https://nextech-bank-frontend.vercel.app/

What is Nextech Bank?

🏦 Nextech Bank is the fully responsive (desktop and mobile friendly) front-end of an online banking system where:

  • Clients can:
    • Register to use the app
    • Login to their online account
    • View their bank accounts.
    • Open or close bank accounts.
    • View transaction history.
    • View their balance graphs.
    • View their credit cards.
    • View credit points and redeem them for cashback.
    • Issue new credit cards.
    • Pay credit card debt partially or fully.
    • Suspend credit cards and apply for replacements or report credit card lost.
    • View credit card transaction history and graphs.
    • Transfer money from their bank accounts, internally, domestically or internationally.
    • Report technical issues or complaints to customer service.
    • View bills and pay bills for water, electricity, gas .. etc using their credit card.
    • View their active loans.
    • Apply for a new loan.
    • Calculate loan interest before applying for a loan.
    • Set reminders on bills, credit cards, loans.
    • View reminders for due bills, credit cards, loans.
    • View notifications and status updates for their complaints.
    • View announcements sent by bankers or admins.
  • Bankers can:
    • View clients registeration requests and approve or reject them.
    • View account opening requests and approve or reject them.
    • View credit card application requests and approve or reject them.
    • View loan requests and approve or reject them.
    • View details about clients, credit cards, loans or search for them.
    • View client reports and handle them.
    • Send announcements to clients or bankers and view other announcements.
  • Admins can:
    • Perform maintainance tasks like backup, restore, log .. etc.
    • View clients technical issues with the system and handles them.
    • Send announcements to clients or bankers and view announcements.

Note This is just the front-end of an online banking system. This intended to just showcase the UI, UX of an online banking system and not the actual backend of the bank. Thus all of the actions do not really do anything in the backend.

Languages and Frameworks

Next JS React Bootstrap TypeScript SASS

Video

Demo Video

Screenshots

Transactions Loan_Calculator Landing_Page Login Bank_Transfers Bills Credit_Cards Report_Details_Banker Internal_Transfer Admin_Announcement_Form Pending_Card_Details Client_Homepage Credit_Card_Transactions Bank_Accounts Payment Banker_Homepage Loans Pending_Registerations Report_Status_Admin Registeration Report_Status_Banker Pending_Card_Details_2 Banker_Announcement Pending_Credit_Cards International_Transfer Report Admin_Home_Page Loan_Approval_Details Announcement_Details

How to Run Locally?

  1. Clone
git clone https://github.com/software-engineering-2023/Batates-M7mra
  1. Open the cloned repo
cd Batates-M7mra
  1. Install dependencies
npm install
  1. Run the local server
npm run dev
  1. Open http://localhost:3000 with your browser.

Contributers

  1. Mathew Hany
  2. Rafeek Bassem
  3. Boles Waheed
  4. Ahmed Gomaa
  5. Mostafa Elamory

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5

Languages